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>
easyui datagrid editor combobox添加空选则清空combobox框的更多相关文章
- easyUI datagrid editor扩展dialog
easyUI datagrid简单使用:着重两点1.editor对象的click事件:2.将dialog窗体内的值填写到当前正编辑的单元格内 <!DOCTYPE html> <htm ...
- easyui datagrid editor checkbox 单击事件
Easyui datagrid treegrid中能够为行追加checkbox元素.比如: $('#tt').treegrid({ url:'get_data.php', idField:'id', ...
- ASP.NET给DataGrid,Repeater等添加全选批量删除等功能
很多情况下,在管理或者查看列表的时候我们需要很需要“全选”这个功能,这在ASP.NET中是非常容易实现的,下面我就将演示一点小代码实现这一功能. 实现全选的还是js的一个小函数: [code] ...
- easyui datagrid 让某行复选框置灰不能选
easyui中datagrid 让某行复选框置灰不能进行选中操作,以下为主要部分的code. //加载完毕后获取所有的checkbox遍历 onLoadSuccess: function(data){ ...
- 关于EasyUI datagrid editor combogrid搜索框的实现
首先需要datagrid editor对combogrid的扩展,这个是别人实现的: $.extend($.fn.datagrid.defaults.editors, { combogrid: { i ...
- Easyui datagrid editor为combobox时指定数据源
当在datagrid行内部应用添加编辑操作时,引入combobox是非常方便的操作,我在引入combobox时对数据源这快做个总结,在做demo的过程中遇到个问题,就是当你选择了下拉框的值后点击保存, ...
- easyui datagrid editor onBeforeEdit事件下使用getEditor和getEditors失效
我在使用onClickRow: function(rowIndex,rowData){ if(editRow!=-1){ ...
- EasyUI Datagrid换页不清出勾选方法
在1.4版本后: 只要在datagrid中加入 idField:'id',给每条数据id属性,easyui就默认就会保留之前勾选的信息 如果没有id,才会出现换页后,之前勾选的信息没有的情况
- JQuery EasyUI DataGrid获取当前行或选中行
1.获取当前选中行,如果没有选中行,则返回 null var row = $('#gridID').datagrid('getSelected'); 2.获取当前所有选中行数据,返回元素记录的数组数据 ...
随机推荐
- $.ajax 中的contentType
$.ajax 中的contentType 在 cnodejs.org 论坛中有一个问题,让我也很奇怪,说是 $.ajax 设置数据类型 applicaiton/json之后,服务器端(express) ...
- Scala入门(1)Linux下Scala(2.12.1)安装
Scala入门(1)Linux下Scala(2.12.1)安装 一.文件准备 1.1 文件名称 scala-2.12.1.tgz 1.2 下载地址 http://www.scala-lang.org/ ...
- ssh整合之一spring的单独运行环境
这是本人第一次写博客,不足之处,还希望各位园友指出,在此先谢谢各位了! 先说我们的这三大框架,即struts,spring,hibernate,我们要进行整合的话,第一步是先单独搭建我们的Spring ...
- pandas.read_csv参数详解
读取CSV(逗号分割)文件到DataFrame 也支持文件的部分导入和选择迭代 更多帮助参见:http://pandas.pydata.org/pandas-docs/stable/io.html 参 ...
- 彻底弄懂JS的事件冒泡和事件捕获
先上结论:在事件执行流中有两种执行方式.一种是事件冒泡(即事件的执行顺序是从下往上执行的) ; 另一种是捕获(即事件的执行顺序是从上往下执行的); 阻止事件冒泡: return false; ...
- JavaScript中内存使用规则--堆和栈
堆和栈都是运行时内存中分配的一个数据区,因此也被称为堆区和栈区,但二者存储的数据类型和处理速度不同.堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象.object对象:它是运行时动态分 ...
- 解决MySQL在修改列时因为外键依赖出错的问题
因为 favorite_food 中的 person_id 对 person 表中的 person_id 有外键依赖关系,所以在执行 ALTER TABLE person MODIFY person_ ...
- 对于python这门课程的一些想法、计划、期望
本人是一名大二的码农,专业信息安全.之前在知乎上看到过对于python一些评论,说用python写的代码和诗一样.也在网上大概的了解了一下,python要求有严格的缩进.学习python语言,最想学的 ...
- jquery ajax 发送邮件例子
<div class="form"> <dl> <dt>您的称呼<small>(必填)</small></dt&g ...
- jQuery系列 第四章 jQuery框架的选择器
第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确 ...