动态创建Grid时无法编辑

未始已终

Model.prototype.gridSelect2HideOption = function(event){
               
                        var parentNode = this.getElementByXid("div1");
                        var option = {
                                        parentNode : parentNode,
                                        //grid的属性，设计时有的属性都可以设置
                                        data: "YSJLGRID",
                                        width: '100%',
                                        height:'auto',
                                        // 列定义
                                        colModel : [{width:"300",name:"标签1",xid:"column1",editable:"true" },{width:"200",name:"sCode",xid:"column2",editable:"true"}]
                        };
                        new Grid(option);
               
        };
这是js，怎么样才能在定义的列中添加编辑组件？还有就是页面上的那个Grid去掉？求大神帮忙看一看

jishuang

1.不显示上面的可以设置hiddenCaptionbar属性
2.动态创建grid需要列输入不是简单的这样设置就可以，还用动态创建可编辑用的组件，这个比较复杂，不确定是否可以成功

未始已终

jishuang 发表于 2017-1-13 09:14
1.不显示上面的可以设置hiddenCaptionbar属性
2.动态创建grid需要列输入不是简单的这样设置就可以，还用动 ...

如何设置，应该怎么加，我尝试一下

jishuang

自己创建需要的编辑组件，然后在添加的都具体的列，具体的没有实现过，应该跟labelInput的创建一样
labelInput的如下可以参考

1.         var input = require("$UI/system/components/justep/input/input");
   
2.         var labelEdit = require("$UI/system/components/justep/labelEdit/labelEdit");
   
3.         Model.prototype.button10Click = function(event) {
   
4.                 var parentNode = this.getElementByXid("content2");
   
5.                 var option = {
   
6.                         parentNode : parentNode,
   
7.                         xid : 'input9',
   
8.                         class : 'x-label-edit x-label x-edit',
   
9.                 };
   
10.                 new labelEdit(option);
    
11. 
    
12.                 var parentNode1 = this.getElementByXid("input9");
    
13.                 var div = $("<label data-bind='text:$model.data1.label("fName")' style='width:20%;'>");
    
14. 
    
15.                 justep.Bind.addNodes(parentNode1, div);
    
16.                 var option1 = {
    
17.                         parentNode : parentNode1,
    
18.                         xid : 'input20',
    
19.                         'bind-ref' : "data1.ref('fName')"
    
20.                 };
    
21.                 new input(option1);
    
22. 
    
23.         };

复制代码

半夏。未夏

楼主解决了没，碰到一样的问题，这个colModel属性是哪来的，它又有哪些属性可以配

jishuang

colModel是jquery grid的标准属性，可以到往查找相关的设置

未始已终

结贴