jQuery MiniUI

标题: 动态生成datagrid时,columns列集合对象问题 [打印本页]

作者: 956815425    时间: 2015-10-30 11:02:21     标题: 动态生成datagrid时,columns列集合对象问题

如下代码
var colums=[{ field: "aa", headerAlign: "center", header: "税种" },{ field: "bb", headerAlign: "center", header: "金额" }];

element='<td><div class="mini-toolbar"><a class="mini-button">增加</a></div><div id="datagrid1" class="mini-datagrid" columns="'+colums+'" style="" url="" ></div>';


[attach]6736[/attach]

此业务是根据需求动态的生成相应的表单元素,此处需要生成的是一个datagrid类型的控件,问题是上述代码中的columns的属性加不上,该怎么解决?

作者: dforce    时间: 2015-10-30 11:15:21

请拼接出我们示例里面那样的html段

作者: 956815425    时间: 2015-10-30 11:19:06

不会是这样吧?!
<div property="columns">
            <div type="checkcolumn" ></div>        
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>   
            <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>   
            <div header="工作信息">
                <div property="columns">
                    <div field="dept_name" width="120">所属部门</div>
                    <div field="position_name" width="100">职位</div>
                    <div field="salary" dataType="currency" currencyUnit="¥" align="right" width="100" allowSort="true">薪资</div>
                </div>
            </div>     
</div>
作者: 956815425    时间: 2015-10-30 11:23:51

dforce 发表于 2015-10-30 11:15
请拼接出我们示例里面那样的html段

不会是这样吧?!
<div property="columns">
            <div type="checkcolumn" ></div>        
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>   
            <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>   
            <div header="工作信息">
                <div property="columns">
                    <div field="dept_name" width="120">所属部门</div>
                    <div field="position_name" width="100">职位</div>
                    <div field="salary" dataType="currency" currencyUnit="¥" align="right" width="100" allowSort="true">薪资</div>
                </div>
            </div>     
</div>
作者: 956815425    时间: 2015-10-30 11:46:39

dforce 发表于 2015-10-30 11:15
请拼接出我们示例里面那样的html段

版主,
那样拼接倒是实现了,但是作为datagrid中的columns属性,应该可以直接赋值使用啊,如果不拼接类html代码,就是根据像data属性一样赋予json格式的数据,能够实现吗?
作者: dforce    时间: 2015-10-30 13:29:26

956815425 发表于 2015-10-30 11:46
版主,
那样拼接倒是实现了,但是作为datagrid中的columns属性,应该可以直接赋值使用啊,如果不拼接类ht ...

你用拼接html的方式生成,也就只能这样加
js加入columns参考示例
http://www.miniui.com/demo/#src=datagrid/setcolumns.html




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2