tab页以及jqgrid某些用法参考记录
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="CcrCreditHumanAssessEdit.aspx.cs" Inherits="HraWeb.CcrCreditHumanAssessEdit" %>
<%@ Import Namespace="HraModel.Sys.Enum" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<style>
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
height:auto;
vertical-align:text-top;
padding-top:2px;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div >
<div class="datagrid-toolbar">
<a href="#" id="btn_complete" iconCls="icon-save" class="button">完成评级</a>
<a href="#" runat="server" id="btn_cancel_" iconCls="icon-close" class="button">取消评级</a>
</div>
</div>
<div>
<asp:BindingControl ID="bpEdit" runat="server">
<ContentTemplate>
<asp:TextBox id="txt_Id_" runat="server" style="display:none" CssClass="input datacontrol"/>
<table border="0" cellpadding="0" cellspacing="0" class="tableL">
<tr>
<th style='width: 10%'>公司名称：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Company_Name_" runat="server" disabled="disabled" Style="width: 90%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
<th style='width: 10%'>行业：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Industry_" runat="server" Style="width: 300%" disabled="disabled" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>
<th style='width: 10%'>报表年份：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_Date_" runat="server" Style="width: 90%" disabled="disabled" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
<th style='width: 10%'>通过状态：</th>
<td style='width: 60%'>
<asp:TextBox ID="txt_status_" runat="server" Style="width: 300%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>
<th style='width: 10%'>神经网络结构：</th>
<td style='width: 40%'>
<asp:DropDownList ID="txt_nnga_" runat="server" Style="width: 93%" CssClass="input datacontrol"></asp:DropDownList><span class="message">*</span>
</td>
<%-- <th style='width: 10%'>信用评级方式：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_rating_method" runat="server" Style="width: 300%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
<tr>--%>
<th style='width: 10%'>备注：</th>
<td style='width: 40%'>
<asp:TextBox ID="txt_remarks_" runat="server" Style="width: 90%" CssClass="input datacontrol"></asp:TextBox><span class="message">*</span>
</td>
</tr>
</table>
</ContentTemplate>
</asp:BindingControl>
</div>
<div>
<table id="rowed3"></table>
<div id="prowed3"></div>
</div>
</form>
<script type="text/javascript">
//var rules;
var Id;
var jsonList = new Array();
function PageOnLoad() {
UTIL.SetEntityComboByParentCode($("#txt_Industry_"), "Sector_Type");
//UTIL.SetDict($("#txt_status_"), "COMPLETE_STATUS");
//UTIL.SetEntityComboByParentCode($("#txt_rating_method"), "CCR_RATING_METHOD", null, null, null, null, null, null, function() {
//var row = $("#txt_rating_method").combogrid("grid").datagrid("getSelected");
var ratingMethod = UTIL.getUrlParam("ratingMethod");
switch (ratingMethod) {
case "<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN)%>":
$("#txt_nnga_").attr("disabled", "true");
$("#txt_nnga_").css({ 'background-color': "#EBEBE4" });
pageInit();
//$("#rowed3").show();
//$("#prowed3").show();
break;
case "<%=((int)SysEnum.CCR_RATING_METHOD_MECHINE)%>":
//$("#txt_nnga_").removeAttr('disabled');
//$("#txt_nnga_").css({ 'background-color': "#FFFFFF" });
//$("#rowed3").hide();
//$("#prowed3").hide();
break;
case "<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN_MECHINE)%>":
pageInit();
//$("#txt_nnga_").removeAttr('disabled');
//$("#txt_nnga_").css({ 'background-color': "#FFFFFF" });
//$("#rowed3").show();
//$("#prowed3").show();
}
//},null,null);
UTIL.SetEntityComboByParentCode($("#txt_status_"), "Complete_Status");
var tab = artDialog.open.origin.$("#tabs").tabs("getTab", "公司评级");
var url = tab.panel('options').url;
var src = '<iframe name="indextab" scrolling="auto" frameborder="0" src=' + url + ' style="width:100%;height:100%;"></iframe>';
var ratingDate = UTIL.getUrlParam("ratingDate");
$(".button").linkbutton();
$("#btn_cancel_").click(function() {
$.post("CcrCreditHumanAssessEdit.aspx?_method=CancelRate");
console.log("评级已经取消。");
artDialog.close();
});
$("#btn_complete").click(function() {
//if (!$("#form1").validate().form()) {
// return;
//}
var ratingMethod = UTIL.getUrlParam("ratingMethod");
var remarks = encodeURI($("#txt_remarks_").val());
var status = "";
row = $("#txt_status_").combogrid("grid").datagrid("getSelected");
if (row != null) {
status = row.EnumValue;
}
var Data = '';
if (ratingMethod != '<%=((int)SysEnum.CCR_RATING_METHOD_MECHINE)%>')
{
var rowIds = $("#rowed3").getDataIDs();
for (var i = 1; i < rowIds.length + 1; i++) {
var rowData = $("#rowed3").jqGrid("getRowData", i);
var postData = {
Id: rowData.Id,
Mark: $("#" + i + "_Mark").val()
};
jsonList.push(postData);
}
//var row = $("#txt_rating_method").combogrid("grid").datagrid("getSelected");
//if (row != null) {
// ratingMethod = row.EnumValue;
//}
//alert(ratingMethod);
Data = JSON.stringify(jsonList);
}
var nnga = $("#txt_nnga_").val();
if (ratingMethod != '<%=((int)SysEnum.CCR_RATING_METHOD_HUMAN)%>') {
$.post("CcrCreditHumanAssessEdit.aspx?_method=checkDuplication&postData=" + Data + "&ratingDate=" + ratingDate + "&companyId=" + UTIL.getUrlParam("companyId") + "&status=" + status + "&remarks=" + remarks + "&nnga=" + nnga + "&ratingMethod=" + ratingMethod,
function(data) {
if (data == "0") {
parent.$.messager.alert("操作提示", "请勿进行重复评级!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
artDialog.open.origin.JDataGrid.GridSearch();
artDialog.close();
} else {
calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab);
}
});
} else {
calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab);
}
});
}
// function validate(rules) {
// for (var i in rules) {
// var value = $("#" + rules[i]).val();
// }
//
// }
function calculateCreditRate(Data, ratingDate, status, remarks, nnga, ratingMethod, src, tab) {
$.post("CcrCreditHumanAssessEdit.aspx?_method=CalCredit&postData=" + Data + "&ratingDate=" + ratingDate + "&companyId=" + UTIL.getUrlParam("companyId") + "&status=" + status + "&remarks=" + remarks + "&nnga=" + nnga + "&ratingMethod=" + ratingMethod,
function (data) {
if (data == "1") {
parent.$.messager.alert("操作提示", "评级成功!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
artDialog.open.origin.JDataGrid.GridSearch();
artDialog.close();
} else {
parent.$.messager.alert("操作提示", "评级失败，可能是由于数据不全!");
artDialog.open.origin.$("#tabs").tabs('update', {
tab: tab,
options: {
content: src
}
});
tab.panel('refresh');
try {
artDialog.close();
} catch (e) {
}
}
});
}
function pageInit() {
var rules = {};
var companyId = UTIL.getUrlParam("companyId");
var ratingDate = UTIL.getUrlParam("ratingDate");
var assessUrl = "/CCR/CcrCreditHumanAssessEdit.aspx?_method=getSheet&companyId=" + companyId + "&ratingDate=" + ratingDate;
var height =$(".layout-panel-center", window.parent.document).height()*0.52 ;
jQuery("#rowed3").jqGrid(
{
url: assessUrl,
datatype: "json",
colNames: ['ID', '模块名称', '指标', '分值', '计分标准', '比率值或说明', '满意值', '不允许值', '行业平均值', '得分'],
colModel: [
{ name: 'Id', index: 'Id', width: 60, sortable: false, sorttype: 'int' },
{ name: 'Module', index: 'Module', sortable: false, width: 60, editable: true },
{ name: 'IndexName', index: 'IndexName', sortable: false, width: 130, summaryType: 'count', summaryTpl: '小计' },
{ name: 'UpLimit', index: 'UpLimit', width: 100, sortable: false, formatter: 'number', summaryType: 'sum' },
{ name: 'Standard', index: 'Standard', sortable: false, width: 200 },
{ name: 'Description', index: 'Description', sortable: false, width: 80 },
{ name: 'OptimumValue', index: 'OptimumValue', sortable: false, width: 80 },
{ name: 'UnsatisfiedValue', index: 'UnsatisfiedValue', sortable: false, width: 80 },
{ name: 'IndustryAvg', index: 'IndustryAvg', sortable: false, width: 80 },
{ name: 'Mark', index: 'Mark', sortable: false, width: 80, editable: true }
],
rowNum: 100,
height: 'auto',
width: 990,
//rowList: [10, 20, 30],
//pager: jQuery('#prowed3'),
mtype: "post",
viewrecords: true,
sortname: 'UpLimit',
sortorder: "asc",
grouping: true,
groupingView: {
groupField: ['Module'],
groupColumnShow: [false],
groupText: ['<b>{0}--{1}个项目</b>'],
groupCollapse: false,
groupOrder: ['asc'],
showSummaryOnHide: true,
groupSummary: [true],
groupDataSorted: true
},
loadComplete: function() {
jQuery("#rowed3").jqGrid('hideCol', "Id");
var rowIds = $("#rowed3").getDataIDs();
//var rule = [];
for (var i = 1; i < rowIds.length +1; i++) {
jQuery('#rowed3').jqGrid('editRow', i, {
keys: false
});
//var rowData = $("#rowed3").jqGrid("getRowData", i);
var attrName = "#"+i + "_Mark";
//var upLimit = 3;
//rule[attrName] = { maxlength: 50, required: true, number: true, min: 0, max: upLimit };
}
// $("input[name$='Mark']").rules("add", {
// required: true,
// number: true,
// min: 0,
// max: 3
// });
// for (var j in rule) {
// rules[j] = rule[j];
// }
//validate
},
});
// jQuery("#rowed3").jqGrid('navGrid', "#prowed3", {
// edit: false,
// add: false,
// del: false
// });
}
</script>
</body>
</html>
tab页以及jqgrid某些用法参考记录的更多相关文章
- jquery easyui 中tab页添加其他页面，href与content的用法与区别
//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...
- Jqgrid的用法总结与分页功能的拓展
这是本人写的第一个与技术相关的博客,但是非挑战技术的,而是对工作的总结,另外加一点点拓展. Jqgrid的功能十分强大,强大到可以做到与数据grid相关的任何功能,同时由于在用的过程中总是不能够一气呵 ...
- chrome浏览器tab页内存占用变大，网站变慢为哪般？
问题概述: 公司做的是BS应用. 之前我们的后台服务器程序是带状态的,用ehcache存储登录状态:这两天被我改成了redis存储,应用本身不再存储登录状态. 然后自测,我在测试某个很耗时间的网页操作 ...
- 值得分享的Bootstrap Ace模板实现菜单和Tab页效果（转）
Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.co ...
- 动态tab页
1.前台代码 <%-- builed by manage.aspx.cmt [ver:2015.25.26] at 2015-06-26 15:25:42 --%> <%@ Pag ...
- JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化
前言:之前发表过一篇 JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有) ,收到很多园友的反馈,当然也包括很多诟病,因为上篇只是将功能实现了,很多细节都没有处理 ...
- jquery validate 之多tab页同时校验问题
1.设置多tab页同时校验: $("form").validate({ignore: ":hidden", ignore: ""}); 由于 ...
- SPA项目开发之tab页实现
实现思路及细节 1.利用前面博客所讲的Vuex的知识:定义几个变量 Options:存放tab页对象的容器(主要是路由路径以及tab页的名字) activeIndex:被激活的tab页路由路径 sho ...
- 使“Cmder Here”菜单在Tab页开新窗口
Cmder是一个非常好用的的控制台命令行,我们在实际使用的时候,经常通过如下指令将其注册到右键菜单: Cmder.exe /REGISTER ALL 这样就可以在任意文件夹下快速打开Cmder,并且能 ...
随机推荐
- LeetCode Beautiful Arrangement II
原题链接在这里:https://leetcode.com/problems/beautiful-arrangement-ii/description/ 题目: Given two integers n ...
- oracle获得当前时间，精确到毫秒并指定精确位数
oracle获得当前时间的,精确到毫秒 可以指定精确豪秒的位数 select to_char(systimestamp, 'yyyymmdd hh24:mi:ss.ff ') from dual; ...
- CF 85E Guard Towers——二分图染色
题目:http://codeforces.com/contest/85/problem/E 当然是二分.然后连一个图,染色判断是不是二分图即可.方案数就是2^(连通块个数). 别真的连边!不然时间空间 ...
- cpu高的问题的快速定位
功能问题,通过日志,单步调试相对比较好定位. 性能问题,例如线上服务器CPU100%,如何找到相关服务,如何定位问题代码,更考验技术人的功底. 58到家架构部,运维部,58速运技术部联合进行了一次线上 ...
- ECMAScript 2016(ES7) 知多少
ECMAScript 2016(ES7) 知多少 1. 数组方法 Array.prototype.includes(value : any) : boolean 2. 幂运算符 x ** y 扩展阅读 ...
- Swing编程---添加背景图片的方法
总结:看下我的运行图片.这个图片很重要.很能说明问题.它的frame就是一个小图片.就是背景.么手贱把它放大. 在微软的操作系统上,你放多大,窗口就有多大,你看到背景就成了小图片,就会误以为不是背景. ...
- Redis的持久化机制
持久化机制 RDB:快照模式AOF :日志模式 多数据库– 一个redis服务器内部默认有16个数据,编号О0-15– 默认操作是编号为0的数据库– 可以在命令行用select选择数据库127.0.0 ...
- 【转】MEAN：Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
http://www.cnblogs.com/mz121star/archive/2013/03/13/njblog.html 项目地址:https://github.com/mz121star/ ...
- 如何创建和配置Solaris10 zones (ZT)
http://thegeekdiary.com/how-to-create-and-configure-solaris-10-zones/ Solaris zones enables a softwa ...
- log4j配置文件加载方式
使用背景: apache的log4j是一个功能强大的日志文件,当我们使用eclipse等IDE在项目中配置log4j的时候,需要知道我们的配置文件的加载方式以及如何被加载的. 加载方式: (1).自动 ...