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,并且能 ...
随机推荐
- PHP-FPM线上状态分析
一.PHP—FPM状态分析 1.启用php-fpm状态分析: pm.status_path = /status 2.nginx配置: server { listen *:80 def ...
- awk指令的使用
awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大 awk工作流程是这样的:读入有'\n'换行符分割的一条记录,然后将记录按指定的域分隔 ...
- 51nod 1685 第K大区间2
定义一个长度为奇数的区间的值为其所包含的的元素的中位数.中位数_百度百科 现给出n个数,求将所有长度为奇数的区间的值排序后,第K大的值为多少. 样例解释: [l,r]表示区间的值[1]:3[2]:1[ ...
- 用javascript实现base64编码器以及图片的base64编码
前面的话 base-64作为常见的编码函数,在基本认证.摘要认证以及一些HTTP扩展中得到了大量应用.在前端领域,也常常把图片转换为base-64编码在网络中传输.本文将详细介绍base64的原理及用 ...
- CAS环境搭建-证书方式(https连接)
一.教程前言 1 教程目的:从头到尾细细道来单点登录服务器及客户端应用的每个步骤 2 单点登录(SSO):请看<CAS简介> 3 本教程使用的SSO服务器是Yelu大学研发的CAS(Cen ...
- 预备架构的工具ADMEMS矩阵
矩阵,是很多著名方法的核心.例如,制定公司层战略的方法之一是"波士顿矩阵","波士顿矩阵"又称"市场增长率-相对市场份额矩阵". " ...
- mysql之 共享表空间与独立表空间、frm,MYD,MYI.idb,par文件说明
一.共享表空间与独立表空间MySQL5.5默认是共享表空间 ,5.6中,默认是独立表空间. 共享表空间:ibdata1是InnoDB的共享表空间,默认配置是把全部表空间存放到ibdata1中,因此而造 ...
- BZOJ2096：[POI2010]Pilots
浅谈队列:https://www.cnblogs.com/AKMer/p/10314965.html 题目传送门:https://lydsy.com/JudgeOnline/problem.php?i ...
- Surface Pro 4远程桌面分辨率问题
Surface Pro 4是非常收欢迎的笔记本电脑.但我们这些技术人员在使用中有一点非常不方便: Surface Pro 4的分辨率非常高,如果用Surface Pro 4远程桌面到远端的一台机器,因 ...
- JSP/java 执行创建批处理文件，并执行批处理事务。
protected void doGet(HttpServletRequest req, HttpServletResponse resp) { InputStream in = null; Inpu ...