关于动态页面的生成问题

在用easyui做一个项目,页面需要和后台进行数据交互,页面上主要显示数据网格和对话框之类的东西,是直接写在HTML里面用js传入数据还是在js里面生成数据网格和对话框,两种方法都有什么优劣,现在企业建议使用哪一种

js可以动态插入easyui组件,但是需要手动调用api组件进行初始化

直接通过class指定组件的话不需要调用api,easyui会自动依据class初始化组件。但是dom ready执行完毕后插入的组件无法渲染ui,还得手动调用api方法初始化

所以你的看你的需求是否有动态插入的,有肯定是js方法。个人偏向于js,而不是html进行初始化

  • 我理解你表述的数据网格和对话框应该是:
  • easyui中的列表(datagrid、treegrid)和窗口(window、dialog),
  • 页面展示样式初始化是在html中直接写入的,如:<table id="dg" class="easyui-datagrid" data-options="fitColumns:true,rownumbers:true"/>
  • 至于数据前后台交互,可用ajax请求获取到数据并进行赋值如:
  • $.ajax({
  • url:'后台接口url',
  • type:'get',
  • async:false,
  • success(data){
  • $('#dg').datagrid({data:data});
  • }
  • })