@{
ViewBag.Title = "UsersList";
} <script type="text/javascript"> $(function(){
BindData();
})
//当请求远程数据时,发送的额外参数。
function GetqueryParams() {
var Params = {};
Params.SearchRole = $("#SearchRole").combobox('getValue');
Params.Jzzhch = $("#txtUserZhxm").textbox('getValue');
return Params;
} function UserinfoSearch()
{
$("#dg").datagrid("reload",GetqueryParams());
}
//删除
function User_Del() {
var rows = $('#dg').datagrid("getSelections");
if (rows.length > ) {
$.messager.confirm("提示", "你确定要删除吗?", function (r) {
if (r) {
var ids = [];
for (var i = ; i < rows.length; i++) {
ids.push(rows[i].userid);
}
var jsonObject = JSON.stringify(ids);
DelRows(jsonObject);
}
});
}
else {
$.messager.alert("提示", "请选择要删除的行", "error");
}
} function DelRows(userids) {
$.ajax({
type: 'post',
dataType: "json", //返回json格式的数据
url: "UsersList_Del",
data: { 'UsersJson': userids },
cache: false,
success: function (Data) {
if (Data == "") {
$('#dg').datagrid("reload");
$.messager.alert("提示", "删除成功");
}
else {
$.messager.alert("提示", "删除失败", "error");
}
},
error: function (e) {
var msg = responseTextTitle(e.responseText);
$.messager.alert("提示", msg, "error");
}
});
} function getRowIndex(target) {
var tr = $(target).closest('tr.datagrid-row');
return parseInt(tr.attr('datagrid-row-index'));
} function EidtUserForm(target) {
var title="编辑";
if (target) {
var thisindex = getRowIndex(target);
var row = $('#dg').datagrid('getRows')[thisindex];
$('#txtuserid').textbox('readonly',true);
$('#txtuserzh').textbox('readonly',true);
$('#txtuserid').textbox("setValue",row.userid);
$('#txtuserzh').textbox('setValue',row.userzh);
$('#password1').textbox("setValue","");
$('#password2').textbox("setValue","");
$('#txtusername').textbox("setValue", row.username);
$('#userrole').combobox('setValues', row.role);
$("input[name='status'][value=" + row.status + "]").prop("checked", true);
$('#dg').datagrid('clearSelections');
}
else {
$('#txtuserid').textbox('readonly',true);
$('#txtuserzh').textbox('setValue',"");
$('#txtuserzh').textbox('readonly',false);
$('#txtuserid').textbox("setValue","");
$('#password1').textbox("setValue","");
$('#password2').textbox("setValue","");
$('#txtusername').textbox("setValue", "");
$('#userrole').combobox('setValues', "");
$("input[name='status'][value='1']").prop("checked", true);
title="新增";
}
$('#window_userinfo').window({
width: ,
title: title,
modal: true
});
$('#window_userinfo').window('open');
$('#window_userinfo').window('vcenter');
$('#window_userinfo').window('hcenter');
} function SaveUserInfo()
{
var isValid = $("#yzxx").form('enableValidation').form('validate');
if (!isValid) {
$.messager.progress('close'); // hide progress bar while the form is invalid
return isValid;
}
if($('#password1').textbox("getValue")!=$('#password2').textbox("getValue"))
{
$.messager.alert("提示", "两次密码输入不一样", "");
return false;
}
if($('#userrole').combobox("getValues")=="")
{
$.messager.alert("提示", "请选择角色", "");
return false;
}
//var userinfo = $('#yzxx').serializeObject();
var userinfo = new Object();
userinfo.userid=$('#txtuserid').textbox("getValue");
userinfo.userzh=$('#txtuserzh').textbox("getValue");
userinfo.username=$('#txtusername').textbox("getValue");
userinfo.passwd=$('#password1').textbox("getValue");
userinfo.role=$('#userrole').combobox('getValue');
userinfo.status=$("input[name='status']:checked").val();
var jsonObject = JSON.stringify(userinfo);
$.ajax({
type: 'post',
dataType: "json",
url: "@Url.Content("~/Home/UsersList_UsersInfoAddEdit")",
data: { 'json': jsonObject },
cache: false,
success: function (data) {
if (data == "") {
$.messager.alert("提示", "保存成功", "");
$('#dg').datagrid("reload");
$('#window_userinfo').window('close');
}
else {
$.messager.alert("提示", data.msg, "error");
}
},
error: function (e) {
$.messager.alert("提示", "保存失败" + e.toString(), "error");
}
});
} function BindData() {
var queryParams = GetqueryParams();
$('#dg').datagrid({
width: 'auto',
height: 'auto',
scrollbarSize: ,
autoRowHeight: false,
url: "@Url.Content("~/Home/UsersList_BindSearch")",
queryParams: queryParams,
checkOnSelect:false,
selectOnCheck:true,
idField: 'userid',
columns: [[
{ field: 'ck', title: '选择', sortable: true, checkbox: true },
{ field: 'userid', title: '编号', width: "10%", sortable: true },
{ field: 'userzh', title: '用户账号', width: "10%", sortable: true },
{ field: 'username', title: '姓名', width: "20%", sortable: true},
{ field: 'status', title: '状态', width: "20%", sortable: true,formatter:function(value, row, index){
return row.zt;
} },
{ field: 'role', title: '角色', width: "20%", sortable: true ,formatter:function(value, row, index){
return row.dmmc;
} },
{ field: 'action', title: '操作', width: "15%", align: 'center',
formatter: function (value, row, index) {
var e = '<a class="but-link" href="javascript:void(0)" onclick="EidtUserForm(this)"><span class="icon icon-edit"></span>编辑</a> ';
return e;
}
}
]],
onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历
if (data.rows.length > ) {
//循环判断操作为新增的不能选择
for (var i = ; i < data.rows.length; i++) {
//根据userid让某些行不可选
if (data.rows[i].userid == "system") {
$("input[type='checkbox']")[i + ].disabled = true;//禁用
//$("input[type='checkbox']")[i + 1].remove();//移除
}
}
//$(".datagrid-header-check").html("");
}else
{
$(".div_empty").css({ "display": "block" });
$(this).closest('div.datagrid-wrap').find('div.datagrid-pager').hide();
} },
//当用户勾选全部行时触发
onCheckAll : function(rows) {
$("input[type='checkbox']").each(function(index, el) {
if(el.disabled== true){
$("#dg").datagrid('uncheckRow', index-);//此处参考其他人的代码,原代码为unselectRow
}
var checkboxHeader = $('div.datagrid-header-check input[type=checkbox]');//取到全选全不选这个元素
checkboxHeader.prop("checked","checked");//将其设置为checked即可
});
},
onClickRow: function(rowIndex, rowData){
//加载完毕后获取所有的checkbox遍历
$("input[type='checkbox']").each(function(index, el){
//如果当前的复选框不可选,则不让其选中
if (el.disabled == true) {
//POSStockHeadTable.datagrid('unselectRow', index - 1);
}
})
},
pageSize: ,
pageList: [, , , ],
fitColumns: true,
striped: true,
pagination: true, //分页控件
rownumbers: true, //行号
onLoadError: function (e) {
$.messager.alert("提示", "加载失败", "error");
}
}); } </script> <div class="tools-row">
<table width="100%" id="table" style="padding-left:8px; border-spacing:0px; border-collapse:separate;">
<tr>
<td style="height:28px;" colspan="">
@{
Html.RenderAction("SearchRole", "Shared");
}
账号(编号或姓名):<input class="easyui-textbox" id="txtUserZhxm" data-options="width:80"/>
&nbsp; &nbsp; <button id="btnsearch" type="button" class="but-default" onclick="UserinfoSearch()"><span class="icon icon-magnifier"></span> 查询</button>
</td>
</tr>
</table>
</div>
<div class="tools-row">
<table cellpadding="" cellspacing="" style="width:100%">
<tr>
<td align="right">
<button id="btnadd" type="button" class="but-primary" onclick="EidtUserForm()"><span class="icon icon-add"></span>新增</button>&nbsp;&nbsp;
<button id="btndel" type="button" class="but-primary" onclick="User_Del()"><span class="icon icon-delete"></span>删除</button> </td>
</tr>
</table>
</div>
<table id="dg"></table>
<div class="div_empty" style="height: 150px; display:none; border-top: 0px solid; background-color:White;">
<div style="width: 95%; text-align: center; border: 0px; margin-top: 5%; font-size:20px; font-family: 宋体;position: absolute">
暂无数据!
</div>
</div> <div id="window_userinfo" class="easyui-window" title="修改密码" data-options="modal:true,closed:true,region:'center'">
<form id="yzxx" method="post">
<table cellpadding="" class="basetable">
<tr>
<td>
编号(自动生成):
</td>
<td>
<input class="easyui-textbox" id="txtuserid" placeholder="自动生成" type="text" name="username"></input>
</td>
</tr>
<tr>
<td>
用户账号:
</td>
<td>
<input class="easyui-textbox" id="txtuserzh" type="text" name="username" data-options="required:true"></input>
</td>
</tr>
<tr>
<td>
姓名:
</td>
<td>
<input class="easyui-textbox" id="txtusername" type="text" name="username" data-options="required:true"></input>
</td>
</tr> <tr>
<td>
密码:
</td>
<td>
<input id="password1" class="easyui-textbox" type="password" data-options="required:true,validType:'length[6,50]'" />
</td>
</tr>
<tr>
<td>
确认密码:
</td>
<td>
<input id="password2" class="easyui-textbox" type="password" data-options="required:true,validType:'length[6,50]'" />
</td>
</tr> <tr>
<td>
角色:
</td>
<td>
@model YidiTutor.Models.comboboxModel_Json <input id="userrole" class="easyui-combobox" name="userrole" style="width:80px;" data-options="data:@Model.data,
method:'get',
editable:false,
valueField:'dm',
textField:'dmmc',
panelHeight:'auto'"/>
</td>
</tr>
<tr>
<td>
用户状态:
</td>
<td colspan="">
<input id="stauts1" type="radio" name="status" value="" /><label for="stauts0">启用</label>
<input id="stauts0" type="radio" name="status" value="" /><label for="stauts1">禁用</label>
</td>
</tr>
<tr>
<td colspan="" align="right">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save'" style="width: 80px"
onclick="SaveUserInfo()">保存</a> <a href="javascript:void(0)" class="easyui-linkbutton"
data-options="iconCls:'icon-cancel'" onclick="$('#window_userinfo').window('close')" style="width: 80px">
取消</a>
</td>
</tr>
</table>
</form>
</div>

Easyui datagrid绑定数据,新增,修改,删除方法(一)的更多相关文章

  1. Easyui datagrid绑定数据,新增,修改,删除写法

    @{ ViewBag.Title = "xw_xsfl"; } <script type="text/javascript"> var editIn ...

  2. [转载]再次谈谈easyui datagrid 的数据加载

    这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...

  3. 谈谈easyui datagrid 的数据加载(转)

    这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...

  4. 再次谈谈easyui datagrid 的数据加载

    from:http://www.easyui.info/archives/204.html 这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实ea ...

  5. 谈谈easyui datagrid 的数据加载

    文章目录 1url方式加载数据 1.1调用方式 1.2相关方法 1.3二次加载问题 2加载本地数据方式 2.1调用方式 2.2如何分页 2.3加载中效果 2.4如何不统计总数 这篇文章只谈jQuery ...

  6. easyui datagrid 绑定json对象属性的属性

    今天用easyui 的datagrid绑定数据时,后台提供的数据是实体类类型的,其中有一个实体类A的属性b是另一个实体类B类型的,而前台需要显示b的属性c,这下就悲剧了,前台没法直接绑定了,后来脑筋一 ...

  7. Oracle忘记用户名和密码以及管理员用户新增修改删除用户

    Oracle忘记密码: 1.以管理员身份登录,打开dos窗口,输入 sqlplus / as sysdba 回车 2.查看当前用户和状态 select username, account_status ...

  8. WPF DataGrid 绑定数据及时更新的处理

    原文:WPF DataGrid 绑定数据及时更新的处理 默认情况下datagrid 绑定数据源后,在界面编辑某一列后,数据不会及时更新到内存对象中.如在同一行上有一个命令对来获取 当前选中行(内存对象 ...

  9. easyui datagrid 没数据时显示滚动条的解决方法

    今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不 ...

随机推荐

  1. 超高清视频会议所需带宽分析---1M带宽应用720P是否可能?

    超高清视频会议所需带宽分析 ---1M带宽应用720P是否可能? 1.首先计算720P(1280×720)单幅图像照片的数据量 每像素用24比特表示,则:720P图像照片的原始数据量= 1280×72 ...

  2. H3 android 系统编译

    http://bbs.ickey.cn/group-topic-id-57981.html [Orange Pi PC试用体验]11编译android源码笔记 编译android和编译linux有点类 ...

  3. 初步认识linux的top命令

    今天学习了一下top命令,强大无比啊! top命令涉及到的东西很多.用来监视系统的运行状态,top打印包括cpu.内存.进程使用情况的统计信息,还打印出进程列表. 输入top命令,不带任何参数,默认打 ...

  4. 字符串方法 charAt()/charCodeAt()/indexOf()/lastIndexOf()

    charAt()与charCodeAt() 语法:stringObject.charAt(index) 功能:返回stringObject中index位置的字符 语法:stringObject.cha ...

  5. 轮询、中断、DMA和通道

    from http://blog.csdn.net/lastsweetop/article/details/3418769 一.轮询方式 对I/O设备的程序轮询的方式,是早期的计算机系统对I/O设备的 ...

  6. 用mathematica求六元一次方程组且方程个数比变量个数少一个

    问题详见知乎:https://www.zhihu.com/question/68000713 我的问题:有5个方程,6个变量,其实我是想求出来de1=(系数)*dS1的形式,系数有Cij组成,Cij为 ...

  7. 学以致用十一-----centos7.2+python3+YouCompleteMe走过的坑

    目的,安装YouCompleteMe 插件 参考的资料 https://blog.csdn.net/zs376957686/article/details/77833953 https://www.c ...

  8. Linux学习(1)- TCP/IP网络协议基础

    Linux学习(1)- TCP/IP网络协议基础 一.TCP/IP 简介 学习内容 TCP/IP(Transmission Control Protocol/Internet Protocol)是传输 ...

  9. 用JAVA实现大文件上传及显示进度信息

    一. 大文件上传基础描述: 各种WEB框架中,对于浏览器上传文件的请求,都有自己的处理对象负责对Http MultiPart协议内容进行解析,并供开发人员调用请求的表单内容. 比如: Spring 框 ...

  10. Mustache应用——渲染二级菜单

    一.菜单的样式 如上图所示,菜单一共两级.一级菜单的父结点都为0,二级菜单的父结点是前结点的code. code:为每一个结点独一无二的标识,也可以认为是ID. 二.菜单的数据结构 编写菜单的结构,采 ...