easyui datagrid editor combobox添加空选则清空combobox框

<script type=‘text/javascript‘>
var editIndex = undefined;
$(function() {
$(‘#tb1‘).datagrid({
url:‘CourseTeachersSave.aspx?opt=GetDatagridData&xnxq=‘+$(‘#hiddenXnxq‘).val()+‘&synj=‘+$(‘#hiddenSynj‘).val()+‘&bh=‘+$(‘#hiddenBh‘).val(),
width:$(‘#tb1‘).parent().width(),
height:$(‘#tb1‘).parent().height()*0.85,
fitColumns:false,
columns:[[
{field:‘mkdm‘,hidden:true},
{field:‘zwmc‘,title:‘科目‘,width:100,align:‘center‘},
{field:‘zgh‘,title:‘任课教师‘,width:300,align:‘center‘,
formatter:function(value,row) {return row.xm},
editor:{
type:‘combobox‘,
options:{
valueField:‘zgh‘,
textField:‘xm‘,
url:‘CourseTeachersSave.aspx?opt=GetRkjsData‘,
method:‘post‘,
multiple:true,
onSelect:function(record){
if(record.zgh==‘‘) {
var ed=$(‘#tb1‘).datagrid(‘getEditor‘, {index:editIndex,field:‘zgh‘});   //最重要的是得到当前编辑行的index
$(ed.target).combobox(‘setText‘,‘‘);
$(ed.target).combobox(‘setValue‘,‘‘);
}
}
}
}
}
]],
method:‘post‘,
onClickRow: onClickRow
});

$(‘#btnqx‘).click(function() { parent.$(‘#add‘).window(‘close‘); });

$("#btnsave").click(function () {
$(‘#form‘).submit();
});
$(‘#form‘).form({
url: ‘CourseTeachersSave.aspx?opt=save‘,
onSubmit: function () {
if ($(this).form(‘validate‘)) {

var rows=$(‘#tb1‘).datagrid(‘getRows‘);
for(var i=0;i<rows.length;i++){
var ed=$(‘#tb1‘).datagrid(‘getEditor‘, {index:i,field:‘zgh‘});
if(ed!=null)
{
rows[i][‘xm‘]=$(ed.target).combobox(‘getText‘);
}

}
$(‘#tb1‘).datagrid(‘acceptChanges‘);
$(‘#hiddenStr‘).val(JSON.stringify($(‘#tb1‘).datagrid(‘getRows‘)));
LoadMsg("view");
return true;
} else {
return false;
}

},
success: function (data) {
LoadMsg(‘hidden‘);
data = jQuery.parseJSON(data);
if(data.isok) {
$.messager.alert(‘提示‘,data.msg,‘info‘,function() { parent.$(‘#add‘).window(‘close‘); }
)}
else{ $.messager.alert(‘提示‘,data.msg,‘info‘);}
}
});

});

function endEditing(){
if (editIndex == undefined){return true}
if ($(‘#tb1‘).datagrid(‘validateRow‘, editIndex)){
var ed = $(‘#tb1‘).datagrid(‘getEditor‘, {index:editIndex,field:‘zgh‘});
$(‘#tb1‘).datagrid(‘endEdit‘, editIndex);
editIndex = undefined;
return true;
} else {
return false;
}
}

function onClickRow(index){
if (editIndex != index){
if (endEditing()){
$(‘#tb1‘).datagrid(‘selectRow‘, index)
.datagrid(‘beginEdit‘, index);
editIndex = index;
} else {
$(‘#tb1‘).datagrid(‘selectRow‘, editIndex);
}
}
}
</script>

时间: 2024-10-14 08:03:22

easyui datagrid editor combobox添加空选则清空combobox框的相关文章

easyUI datagrid editor扩展dialog

easyUI datagrid简单使用:着重两点1.editor对象的click事件:2.将dialog窗体内的值填写到当前正编辑的单元格内 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf

easyui datagrid editor checkbox 单击事件

Easyui datagrid treegrid中能够为行追加checkbox元素.比如: $('#tt').treegrid({ url:'get_data.php', idField:'id', treeField:'name', columns:[[ {title:'Task Name',field:'name',width:180}, {field:'persons',title:'Persons',width:60,align:'right'}, {field:'begin',titl

ASP.NET给DataGrid,Repeater等添加全选批量删除等功能(转)

很多情况下,在管理或者查看列表的时候我们需要很需要“全选”这个功能,这在ASP.NET中是非常容易实现的,下面我就将演示一点小代码实现这一功能.  实现全选的还是js的一个小函数:   function  CheckAll(e,itemname){    var aa=document.getElementsByName(itemname);    if(aa==undefined) return;    for (var i=0; i<aa.length; i++)aa[i].checked

easyui datagrid editor onBeforeEdit事件下使用getEditor和getEditors失效

我在使用onClickRow: function(rowIndex,rowData){                    if(editRow!=-1){                        reportgrid.datagrid('validateRow');                        reportgrid.datagrid('endEdit',editRow);                    } reportgrid.datagrid('beginE

如何给easyui datagrid toolbar上方添加搜索框

最近在使用easyui编写后台框架时,遇到一个头疼的问题,就是给datagrid添加一个搜索框,蛋疼的是官方貌似没有提供相关的方法(有可能是我不知道,如果哪位大神知道,希望能告知). 百度了很久,搜索到一篇博文,是通过prependTo到.datagrid-toolbar的方式,这样子确实是可行的.楼主使用的是tab,在每个tab上面都有一个datagrid,由于楼主是使用js动态添加节点,所以面临了一个问题,就是easyui给所有datagrid的toolbar生成的dom的class(好绕:

easyui datagrid 让某行复选框置灰不能选

最近做项目需要类似如标题的效果,根据实际需求整合了一下网上的,内容如下: $('#dg').datagrid({     url:"url",     method:'post',     singleSelect: false,     collapsible: true,     autoRowHeight: 35,     fitColumns: true,     pagination: true,     rownumbers: true,     rowStyler:fun

JQuery EasyUI DataGrid获取当前行或选中行

1.获取当前选中行,如果没有选中行,则返回 null var row = $('#gridID').datagrid('getSelected'); 2.获取当前所有选中行数据,返回元素记录的数组数据 var rows = $('#gridID').datagrid('getSelections'); 3.获取checkbox选择行的数据,返回元素记录的数组数据. 需先在dataGrid中设置data-options="selectOnCheck:false,checkOnSelect:fals

combobox添加复选框

问题: 需求提出要做一个下拉框可以多选的 解决方案: //机构树 function initOrgTree() { $('#reportOrg').combobox({ width: 200, editable: false, multiple: true, url: 'fileServiceType/getAllBanks', queryParams: { Authorization: localStorage.token }, valueField: 'bank_id', textField

easyui datagrid editor 特定列disabled

//编辑表格   function editRow(rowIndex) {       $('#tt').datagrid('cancelEdit', lastIndex);       $('#tt').datagrid('beginEdit', rowIndex);       lastIndex = rowIndex;       $('#tt').datagrid('getEditor', { index: rowIndex, field: 'VAL_NAME' }).disabled(