jQuery MiniUI

 找回密码
 立即注册
查看: 2291|回复: 1
打印 上一主题 下一主题

怎么使mini.DataGrid 的列集合可以动态生成不同的控件 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-8-1 17:37:30 |只看该作者 |倒序浏览
本帖最后由 502995680 于 2014-8-1 17:46 编辑

效果解释:mini.DataGrid 载入数据的时候根据数据中的某字段如‘LX’,
当‘LX’为输入框时,该行该列单元格变为输入框,如‘LX’为下拉框时,该行该列单元格变为下拉框。
API代码如下例子,不能动态生成单元格,如使用renderer方法,return 返回的时候不能使用miniUI的控件,只能使用最基础的
html控件,求解决方案
<div id="datagrid1" class="mini-datagrid" style="width:700px;height:250px;"
    url="../data/AjaxService.aspx?method=SearchEmployees"
>
    <div property="columns">
        <div type="indexcolumn"></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" >所属部门
                     <input property="editor" class="mini-textbox" style="width:200px;"/>//定死
                </div>
                <div field="position_name" width="100" renderer="changetype">职位</div>
                <div field="salary" width="100" allowSort="true">薪资</div>
            </div>
     </div>
    </div>
</div>
function changetype(e){
    var record = e.record;
    var LX = record.lx;//表示所要单元格的控件类型
    if(LX=='下拉框'){
       return '<input  calsss="mini-combobox"  tyle="width:100%"/>';//无效
      return '<select />';//只能用基础的html下拉框
   }
}


Rank: 3Rank: 3

沙发
发表于 2014-8-1 18:00:56 |只看该作者

Archiver|普加软件

GMT+8, 2024-11-17 07:01 , Processed in 1.054977 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部