jgrid为某列数据采用日期控件


①设置显示形式

ryGrid.ylzgrid({
caption: '',
queryService : '',
colNames : ['任现职级时间'],
colModel : [{ // 任现职级时间
name : 'yr0059',
index : 'yr0059',
width : 60,
align : 'center',
sortable : true,
editable : true,
//edittype:'custom',//这种自定义的控件虽然可以显示出来日期控件,但是不能取到值
//editoptions:{custom_element: myelem, custom_value:myvalue}
edittype:"text",//注意把etittype设置为text类型
editrules:{date: true},
editoptions:{ //这个是关键
size: 10, maxlengh: 15, 
dataInit: function(element) { 
$(element).addClass('Wdate My97DatePicker ylztext');
}
}],
onSelectRow: function(rowid){  //当选中某行时,将该行设置为可编辑的
ryGrid.ylzgrid('editRowItem', rowid); 
}
}


②取值:采用$("#"+rowid+"_yr0059").val(),而不是ryGrid.ylzgrid('getRowItem', rowid).yr0059

③显示效果如下:

jgrid为某列数据采用日期控件_第1张图片


你可能感兴趣的:(前端)