最近一段时间的一些学习,EasyUI实现二级页面的

日期:2019-12-05编辑作者:服务器

EasyUI,在增、删的时候,经常用到二级页面进行勾选。

EasyUI实现二级页面的内容勾选的方法

 在使用EasyUI的时候,我们经常回遇到在二级页面进行勾选的时候,这里给大家分享一个比较简单实用的实现方法,希望大家能够喜欢。

 

澳门金莎娱乐网站, 

EasyUI,在增、删的时候,经常用到二级页面进行勾选。

可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。

在这些事件中,将勾选的内容存到map中,并转换成json格式字符串放到隐藏域中。

 

代码如下:

onCheck : function(rowIndex, rowData)
if (rowIndex > -1) {
var userId= rowData.id;
if(!dataMap.containsKey(userId))
{
dataMap.put(userId, rowData);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
} ,
onUncheck : function(rowIndex, rowData) {
if (rowIndex > -1) {
var userId= rowData.id;
if( dataMap.containsKey(userId))
{
dataMap.remove(userId);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
},
onSelectAll:function(rows){
for(var i=0;i<rows.length;i++){
var rowData=rows[i];
var userId= rowData.id;
if(!dataMap.containsKey(userId))
{
dataMap.put(userId, rowData);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
},
onUnselectAll:function(rows){
for(var i=0;i<rows.length;i++){
var rowData=rows[i];
var userId= rowData.id;
if( dataMap.containsKey(userId))
{
dataMap.remove(userId);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
}

 

在父页面,获取隐藏域中的内容。

selectForm是二级页面的form表单的id,selectData是form表单中存放勾选数据的隐藏域。

将隐藏域中的数据转换成json格式,再用map的形式将数据一个个提取出来。

最后userId和rowData分别为map.elements[i].key和map.elements[i].value。

 

代码如下:

var f = parent.$.modalDialogTwo.handler.find('#selectForm');
var selectData = f.find('input[name="selectData"]').get(0).value;
if (!selectData) {
parent.$.messager.alert('提示', "请选择一条记录!");
return;
}
var map = jQuery.parseJSON(selectData);
if (map.elements.length > 0) {
var nos = new Array();
var names = new Array();
最近一段时间的一些学习,EasyUI实现二级页面的内容勾选的方法。for ( var i = 0; i < map.elements.length; i++) {
var data = map.elements[i];
nos.push(data.key);
names.push(data.value.name);
}

 

以上就是给大家分享的EasyUI实现二级页面的内容勾选的方法,希望对大家能够有所帮助。

在使用EasyUI的时候,我们经常回遇到在二级页面进行勾选的时候,这里给大家分享一个比较简单实用的...

1.首先我用了layer的一个把整个页面当成遮罩层的一个技术,参考链接:ttp://layer.layui.com/

可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • php数组随机排序实现方法
  • IDisposable接口
  • Java与微信不得不说的故事——实现微信公众
  • SVG绘图(二) —— 渲染满天星辰,svg满天
  • 九款酷炫基于jquery实现的应用及源码,九款
  • iOS最新漏洞可实现“以假乱真”的iCloud密码钓

相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

2.页面间的操作出现了一些问题,我想把数据都存储到数组里边,一起操作执行。所以遇见了一些问题。总结如下:

在这些事件中,将勾选的内容存到map中,并转换成json格式字符串放到隐藏域中。

帮客评论

  

复制代码 代码如下:onCheck : function if { var userId= rowData.id; if(!dataMap.containsKey { dataMap.put; $("input[name=selectData]").val(JSON.stringify; } } } , onUncheck : function { if { var userId= rowData.id; if( dataMap.containsKey { dataMap.remove; $("input[name=selectData]").val(JSON.stringify; } } }, onSelectAll:function{ for(var i=0;i

Js问题:
1.prototype,为一些封装好的类或者属性或者函数注册方法,使用实例如下:
Array.prototype.remove = function (obj) {
for (var i = 0; i < this.length; i++) {
var temp = this[i];
if (!isNaN(obj)) {
temp = i;
}
if (temp == obj) {
for (var j = i; j < this.length; j++) {
this[j] = this[j + 1];
}
this.length = this.length - 1;
}
}
}
以上方法是给数组注册了一个remove的方法。
2.把view页面,当做遮罩层弹出,使用方法如下:
//弹出iframe层 参考资料
function MappingIframe(placeId,ids) {
//iframe层
layer.open({
type: 2,
title: 'Mapping',
shadeClose: true,
shade: 0.8,
area: ['1100px', '600px'],
content: '/TR/JourneyPlan/Mapping?ids=' + ids + '&&placeId=' + placeId+'&&y='+Math.random//iframe的url
});
}

在父页面,获取隐藏域中的内容。

子页面代码:
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
function save() {
var returnValue = "";
var arrChk = $("input[name='CkxList']:checked");
if (arrChk.length > 0) {
$(arrChk).each(function () {
returnValue += this.value + ",";
});
}

selectForm是二级页面的form表单的id,selectData是form表单中存放勾选数据的隐藏域。

if (top.window.saveMapping) {
top.window.saveMapping('@ViewBag.PlaceID', returnValue);
}
//parent.$('#parentIframe').val(returnValue);//给父页面传值
parent.layer.close(index);//关闭iframe
}

将隐藏域中的数据转换成json格式,再用map的形式将数据一个个提取出来。

3.页面间传值的方法:(回调函数)示例代码如下:
在子页面写:
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
function save() {
var returnValue = "";
var arrChk = $("input[name='CkxList']:checked");
if (arrChk.length > 0) {
$(arrChk).each(function () {
returnValue += this.value + ",";
});
}

最后userId和rowData分别为map.elements[i].key和map.elements[i].value。

if (top.window.saveMapping) {
top.window.saveMapping('@ViewBag.PlaceID', returnValue);
}
//parent.$('#parentIframe').val(returnValue);//给父页面传值
parent.layer.close(index);//关闭iframe
}
4.页面转Json的方法

复制代码 代码如下:var f = parent.$.modalDialogTwo.handler.find; var selectData = f.find('input[name="selectData"]').get.value; if { parent.$.messager.alert; return; } var map = jQuery.parseJSON; if (map.elements.length > 0) { var nos = new Array(); var names = new Array(); for ( var i = 0; i < map.elements.length; i++) { var data = map.elements[i]; nos.push; names.push; }

(1).jquer封装好的这个方法:serializeArray()
var a=[];a.serializeArray();
(2).text = JSON.stringify(['e', {pluribus: 'unum'}]);
JSON.stringify,这个函数的作用主要是为了系列化对象的。(或者说是将原来的对象转换为字符串的,如json对象):
首先定义一个json对象,var jsonObject = { "UserID": "1", "UserName": "xiaozhang" };
var jsontext = JSON.stringify(jsonObject);alert(jsontext);
(3)jQuery.parseJSON,将一个JSON字符串转换为JSON对象(JSON.parse也是将一个json字符串解析为json对象),如下面
首先定义一个JSON字符串,var c = '{"name":"Mike","sex":"男","age":"29"}';(注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。)
var employeejson=jQuery.parseJSON(c);

以上就是给大家分享的EasyUI实现二级页面的内容勾选的方法,希望对大家能够有所帮助。

 

父页面需要个saveMapping方法。
MVC:问题。
1.获得视图里边获得控制器的名称和视图名称的方法:
var?controllerName?=?
ViewContext.RouteData.Values["controller"]==null?"":ViewContext.RouteData.Values["controller"].ToString();
var?controllerName?=?
ViewContext.RouteData.Values["view"]==null?"":ViewContext.RouteData.Values["view"].ToString();
2.筛选验证的类,如何获得控制器及视图的方法:
string url = httpContext.Request.Url.ToString();
var rolesTemp = url.Split('/');
string limit = rolesTemp[3].ToString() + rolesTemp[4].ToString();
if (list.Contains(limit))
{
return true;
}

 

本文由澳门金莎娱乐网站发布于服务器,转载请注明出处:最近一段时间的一些学习,EasyUI实现二级页面的

关键词:

澳门金莎娱乐网站:javascript处理表单示例_基础知

以上就是本文的全部内容了,希望对大家能够有所帮助。 EasyUI中实现form表单提交的示例分享 这里给大家分享的是一...

详细>>

使用requestAnimationFrame做动画效果一,Javascript动画

假设有这样一个动画功能需求:把一个div的宽度从100px变化到200px。写出来的代码可能是这样的:复制代码 代码如下...

详细>>

选择器演示代码_jquery_脚本之家澳门金莎娱乐网站

[Ctrl+A 全选 注:如需引进外界Js需刷新技术实行] style for display none's div 档次选拔器准则如下: 全然演示代码: class 为...

详细>>

兼容IE与firefox火狐的回车事件,jQuery事件之键盘

代码一:keypress事件时使用 复制代码代码如下:/****************************************************///功能:过滤非法字符 //说明:...

详细>>