关于grid与jqgrid组件独立使用的问题

KevinZheng

现在的grid使用必须与bizdata绑定才能使用，而我的后台服务已经是现成的，不想用biz重新实现。看到材料说是基于jqgrid修改而来，如果我想象原生jqgrid那样独立使用，则grid能否支持？另我在.w文件中试了使用原生jqgrid组件，引入jqgrid的js文件,一运行就报错，引入以下文件：
        require("css!$UI/test/jqgrid/ui.jqgrid");
        require("css!$UI/test/jqgrid/ui.jqgrid-bootstarp");
        require("$UI/test/jqgrid/grid.locale-cn");
        require("$UI/test/jqgrid/jquery.jqGrid.min");

报错信息如截图,所以在X5中我怎么才能使用原生的Jqgrid或象原生那样使用grid组件?

XiaoQLuo

可以直接使用jqgrid，但是要处理两个问题；
1、原生的jqgrid的模块化，即使用requirejs方式进行模块化封装；
方式很简单使用define(function(require) {...});包装一下；

2、多次引入jqgrid后冲突问题，X5目前是单页应用，jqgrid实现上是以jquery插件方式实现的，这样会导致新引入的jqgrid和平台引入的jqgrid产生冲突；（如果你完全不使用平台提供的grid组件那就没有问题了，注意这里说的完全不使用是指所有功能都不使用，或者你的功能放到iframe中）

KevinZheng

按提供的第一种办法试过还是不行，报相同的错，grid组件有没有不关联bizdata组件实现树形显示或关联通用data组件实现相同目标的方法。

jishuang

grid可以关联通用data，不一定要用bizData

在调用action的时候可以如下设置

1. Model.prototype.button2Click = function(event) {
   
2.                 var tp = new biz.Request.TranslateParam();
   
3.                 tp.dataType = biz.Request.TranslateParam.DATATYPE_ROW_TREE;
   
4.                 tp.setTreeOption('tree-parent-relation', "fParentID");
   
5.                 var data = this.comp("data1");
   
6.                 biz.Request.sendBizRequest({
   
7.                         "context" : this.getContext(),
   
8.                         "action" : "loadDataToTreeAction",
   
9.                         "async" : true,
   
10.                         "translateParam" : tp,
    
11.                         "callback" : function(callbackData) {
    
12.                                 callbackData.ignoreError = false;
    
13.                                 if (callbackData.state) {
    
14.                                         data.loadData(callbackData.response);
    
15.                                 }
    
16.                         }
    
17.                 });
    
18. 
    
19.         };

复制代码