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.获取当前所有选中行数据,返回元素记录的数组数据 ...
随机推荐
- 第三章 jQuery中的事件与动画
第三章jQuery中的事件与动画 一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件 在javaScript中,常用的基础事件有鼠标事件.键盘事件.wind ...
- 你考虑清楚了吗就决定用 Bootstrap ?
近年来,在前端项目中, Bootstrap 已经成为了一个非常受欢迎的工具. Bootstrap 的确有很多优点,然而,如果你的团队中恰好有一个专职的前端工程师.那我推荐你们不要使用 Bootstra ...
- Linux入门:usermod - 修改用户帐户信息
一.什么是usermod? usermod 命令通过修改系统帐户文件来修改用户账户信息usermod [options] user_name选项(options)-a|--append ##把用户追加 ...
- React-redux使用中有关Provider问题
先上错误: Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `Provider`, exp ...
- JavaScript 以及 css3进度条
JavaScript css3进度条 使用css3实现进度条 <!DOCTYPE html> <html lang="en"> <head> & ...
- 量化框架zipline--分钟回测改写
转自:http://www.cnblogs.com/dxf813/p/7845398.html 基于zipline的分钟回测改写,其中数据源为自定义,使用bcolz的ctable,该数据格式与pand ...
- hdu-2602&&POJ-3624---01背包裸题
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=2602 https://vjudge.net/problem/POJ-3624 都是01背包的裸题 这 ...
- 字符串分割方法split()函数
>>> data = '1000,小甲鱼,男'>>> data.split(',')['1000', '小甲鱼', '男'] str.split('以什么为标志进行 ...
- webstorm 2018.1 激活码 2018.4.8日更新
安装完成后,打开 WebStorm, 在打开的 License Activation 窗口中选择 License server. 在输入框输入网址即可: http://hb5.s.osidea.cc: ...
- ACE入门——ACE构建
ACE(ADAPTIVE Communication Environment),ACE入门的第一课就是要学习怎么在自己的系统上构建ACE. ACE是跨平台的,这是它的一个很重要的特性,ACE支持很多的 ...