码迷,mamicode.com
首页 > Web开发 > 详细

easyui datagrid 自定义editor并根据实际情况(自定义options)判断返回多样的html控件

时间:2014-11-05 12:36:30      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   使用   sp   文件   div   

在添加的时候全部列都变成编辑状态,编辑的时候某些列不变成编辑状态,解决方法

1 自定义editor


$.extend($.fn.datagrid.defaults.editors, {
    Uploadfile: {//Uploadfile就是你要自定义editor的名称   
        init: function (container, options) {
             /////通过options传参数
            var status = $("#hidMode").val();
            if (status == ‘edit‘) {
                var input = $("<a href=‘#‘ style=‘cursor:pointer;‘ value=‘" + options.url + "‘  onclick=‘ShowFile(this.value)‘  ></a>")
                           .appendTo(container);
            }
            else {
                var input = $("<input type=‘file‘  id=‘Uploadfile‘  name=‘Uploadfile‘/>")
                          .appendTo(container);
            }
            return input;
        },
        getValue: function (target) {

            return $(target).val();
        },
        setValue: function (target, value) {
            var status = $("#hidMode").val();
            if (status == ‘edit‘) {
                $(target).val($(target).val() + value);
                $(target).text(value);
            }
            else {
                $(target).val(value);
            }
        },
        resize: function (target, width) {
            var input = $(target);
            if ($.boxModel == true) {
                input.width(80);
            } else {
                input.width(width);
            }
        }
    }
});


dataGrid 使用 自定义editors

{
field: ‘文件名称‘, title: ‘文件名称‘, width: getWidth(0.1), align: ‘left‘, sortable: true,
 editor: {
 type: ‘Uploadfile‘, 
options: { status: ‘‘, url: ‘/UploadFiles/MaterialFile/‘}
         }
}
///options里面不可以使用 value,传输的参数是文本

 

easyui datagrid 自定义editor并根据实际情况(自定义options)判断返回多样的html控件

标签:style   blog   io   color   ar   使用   sp   文件   div   

原文地址:http://www.cnblogs.com/hbhzz/p/4075666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!