Bootstrap3代码备份
2016-06-27 11:48:03 访问(2142) 赞(0) 踩(0)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="WebForms_AdmHPlus_Demo_List" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%=AdminPageTitleI %></title>
<meta name="keywords" content="<%=AdminPageTitleI %>">
<meta name="description" content="<%=AdminPageTitleI %>">
<link rel="shortcut icon" href="favicon.ico">
<link href="<%=HPlusLibPhyPath %>/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<link href="<%=HPlusLibPhyPath %>/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
<!-- jqgrid-->
<link href="<%=HPlusLibPhyPath %>/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">
<!-- Sweet Alert -->
<link href="<%=HPlusLibPhyPath %>/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link href="<%=HPlusLibPhyPath %>/css/animate.min.css" rel="stylesheet">
<link href="<%=HPlusLibPhyPath %>/css/style.min862f.css?v=4.1.0" rel="stylesheet">
<script src="<%=strPhyPath %>/js/PageInfo.js" type="text/javascript"></script>
<script src="<%=strPhyPath %>/js/CommonFn.js" type="text/javascript"></script>
<script type="text/javascript">
var rootPhyPath = "<%=strPhyPath%>";
var LpI = new ListPageInfo();
<%=LPI.JSPrint()%>
</script>
<style>
/* Additional style to fix warning dialog position */
#alertmod_table_list_2 {
top: 900px !important;
}
</style>
</head>
<body class="gray-bg">
<form id="form1" runat="server">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox ">
<div class="ibox-title">
<h5><%=CurPageTitleGet() %></h5>
</div>
<div class="row">
<div class="col-sm-12">
<div class="ibox-content">
<div class="form-inline">
<button class="btn btn-white" type="button" onclick="CF.AppFn.ToNew()">新增</button>
<button class="btn btn-white" type="button" onclick="CF.EkFn.ToEdit(LpI)">修改</button>
<button class="btn btn-white" type="button" onclick="CF.JqGridFn.ToEdit('mainTable')">删除</button>
<div class="form-group">
<label for="txtt_TheName" class="sr-only">名称</label>
<asp:TextBox ID="txtt_TheName" runat="server" CssClass="form-control" placeholder="名称"></asp:TextBox>
</div>
<button class="btn btn-white" type="button" onclick="SearchClick()">搜索</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#AdvSearchModal">
高级搜索
</button>
</div>
</div>
</div>
</div>
<div class="ibox-content">
<div class="jqGrid_wrapper">
<table id="mainTable"></table>
<div id="mainPager"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal inmodal fade" id="AdvSearchModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">高级搜索</h4>
</div>
<div class="modal-body">
<div class="form-horizontal">
<div class="form-group">
<label class="col-sm-1 control-label">名称</label>
<div class="col-sm-5">
<asp:TextBox runat="server" ID="txts_TheName" CssClass="form-control"></asp:TextBox>
</div>
<label class="col-sm-1 control-label">代号</label>
<div class="col-sm-5">
<asp:TextBox runat="server" ID="txts_TheCode" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-1 control-label">权值</label>
<div class="col-sm-2">
<asp:TextBox runat="server" ID="txtsFrom_TheValue" CssClass="form-control"></asp:TextBox>
</div>
<label class="col-sm-1 control-label">到</label>
<div class="col-sm-2">
<asp:TextBox runat="server" ID="txtsTo_TheValue" CssClass="form-control"></asp:TextBox>
</div>
<label class="col-sm-1 control-label">顺序</label>
<div class="col-sm-2">
<asp:TextBox runat="server" ID="txtsFrom_ShowSeq" CssClass="form-control"></asp:TextBox>
</div>
<label class="col-sm-1 control-label">到</label>
<div class="col-sm-2">
<asp:TextBox runat="server" ID="txtsTo_ShowSeq" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="hr-line-dashed"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="AdvSearchClick()">搜索</button>
</div>
</div>
</div>
</div>
</form>
<script src="<%=HPlusLibPhyPath %>/js/jquery.min.js?v=2.1.4"></script>
<script src="<%=HPlusLibPhyPath %>/js/bootstrap.min.js?v=3.3.6"></script>
<script src="<%=HPlusLibPhyPath %>/js/plugins/peity/jquery.peity.min.js"></script>
<script src="<%=HPlusLibPhyPath %>/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="<%=HPlusLibPhyPath %>/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="<%=HPlusLibPhyPath %>/js/content.min.js?v=1.0.0"></script>
<script src="<%=HPlusLibPhyPath %>/js/plugins/sweetalert/sweetalert.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.jgrid.defaults.styleUI = "Bootstrap";
$("#mainTable").jqGrid({
height: 230,
autowidth: true,
shrinkToFit: true,
rowNum: 10,
url: "list.aspx?action=list",
datatype: "json",
mtype: "post",
rowList: [10, 20, 30],
colNames: ["ID", "名称", "代号", "显示顺序", "创建时间", "修改时间"],
colModel: [
{
name: "ID",
index: "ID",
editable: true,
width: 60,
sorttype: "long",
search: true,
frozen: true
},
{
name: "TheName",
index: "TheName",
editable: true,
width: 60,
formatter: CF.JqGridFn.ViewHrefFormatter
},
{
name: "TheCode",
index: "TheCode",
editable: true,
width: 60
},
{
name: "ShowSeq",
index: "ShowSeq",
editable: true,
sorttype: "int",
align: "center",
width: 60
},
{
name: "CreateTime",
index: "CreateTime",
editable: true,
width: 90,
sortable: true,
sorttype: "date",
frozen: true,
formatter: CF.JqGridFn.DateFullFormatter
},
{
name: "UpdateTime",
index: "UpdateTime",
editable: true,
width: 90,
sorttype: "date",
formatter: "date",
frozen: true,
formatter: 'date',
formatoptions: { srcformat: 'Y-m-d H:i:s', newformat: 'Y年m月d日 H时i分s秒' }
}
],
pager: "#mainPager",
viewrecords: true,
multiselect: true,
add: false,
edit: false,
addtext: "创建",
edittext: "编辑",
hidegrid: false,
rownumbers: true,
sorttable: true,
sortname: 'id',
sortorder: "asc",
recordtext: "View {0} - {1} of {2}",
emptyrecords: "No records to view",
loadtext: "Loading...",
pgtext: "Page {0} of {1}"
});
$("#mainTable").setSelection(4, true);
$("#mainTable").closest("div.ui-jqgrid-view")
.children("div.ui-jqgrid-titlebar")
.css("text-align", "center")
.children("span.ui-jqgrid-title")
.css("float", "none");
//$("#mainTable").jqGrid("navGrid", "#mainPager", {
// edit: false,
// add: false,
// del: false,
// search: false
//},
//{
// height: 200,
// reloadAfterSubmit: true
//});
var jqG = jQuery("#mainTable");
jqG.navGrid('#mainPager', { edit: false, add: false, del: false, search: false });
jqG.navButtonAdd('#mainPager', {
caption: "测试",
buttonicon: "ui-icon-add",
onClickButton: function () {
// alert("Adding Row");
//var rA = [];
//rA.push(1);
//rA.push(2);
//rA.push(3);
//var t = CF.JqGridFn.GetRowArrData("mainTable", rA);
//alert(t[1].ID);
// var tb = CF.HttpFn.ChangeUrlParam("http://localhost:30580/Web/WebForms/AdmHPlus/Demo/list.aspx?id=1dd&c=d&dt=sss", "id", "1");
//var tb = CF.StrFn.SubStr("华南理工大学计算机科学与工程学院", 10);
//alert(tb);
CF.JqGridFn.Reload("mainTable");
},
position: "last"
});
// 自定义按钮-新增 //
jqG.navButtonAdd('#mainPager', {
caption: "新增",
buttonicon: "ui-icon-add",
onClickButton: function () {
var newUrl = CF.AppFn.GetNewUrl(LpI);
window.location = newUrl;
},
position: "last"
});
// 自定义按钮-编辑 //
jqG.navButtonAdd('#mainPager', {
caption: "编辑",
onClickButton: function () {
var pkId = CF.JqGridFn.GetSelRowValue(LpI, null);
if (pkId == null) {
CF.DlgFn.AlertText(LpI, "请选择行");
return;
}
var editUrl = CF.AppFn.GetEditUrl(LpI, pkId);
window.location = editUrl;
},
position: "last"
});
// 自定义按钮 //
jqG.navButtonAdd('#mainPager', {
caption: "删除",
buttonicon: "ui-icon-del",
onClickButton: function () {
DeleteSelectedJSClick();
},
position: "last"
});
// 自适应宽度 //
$(window).bind("resize",
function () {
var width = $(".jqGrid_wrapper").width();
$("#mainTable").setGridWidth(width)
})
});
function DeleteSelectedJSClick() {
var vIds = CF.JqGridFn.GetSelRowArrayValue(LpI, null);
if (vIds == null) {
CF.DlgFn.AlertText(LpI, "请选择行");
return;
}
swal({
title: "确定删除选中的记录？",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "删除",
cancelButtonText: "取消",
closeOnConfirm: false
}, function () {
var ajaxUrl = CF.AppFn.GetDeleteSelectedAjaxUrl(LpI, vIds);
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
dataType: 'json',
type: 'post',
success: function (data) {
swal({
title: "删除成功",
type: "success"
},
function () {
CF.JqGridFn.DoReload(LpI);
})
},
error: function (result, b) {
var eT = "发现系统错误，错误码：" + result.status;
swal({
title: "操作失败",
text: eT,
type: "error"
});
}
});
});
}
// 获得控件的组合值 //
function GetSearchData() {
var theResult = "";
theResult += CF.CommonFn.BuildSearchUrlParam("&", "txtt_TheName");
return theResult;
}
//
function SearchClick() {
var pD = GetSearchData();
var ajaxUrl = "list.aspx?action=list" + pD;
$("#mainTable").jqGrid('setGridParam', {
url: ajaxUrl
}).trigger("reloadGrid");
}
// 获得控件的组合值 //
function GetAdvSearchData() {
var theResult = "";
theResult += CF.CommonFn.BuildSearchUrlParam("&", "txts_TheName");
theResult += CF.CommonFn.BuildSearchUrlParam("&", "txts_TheCode");
return theResult;
}
//
function AdvSearchClick() {
var pD = GetAdvSearchData();
var ajaxUrl = "list.aspx?action=list" + pD;
$("#mainTable").jqGrid('setGridParam', {
url: ajaxUrl
}).trigger("reloadGrid");
}
function getclick() {
var id = jQuery("#mainTable").jqGrid('getGridParam', 'selrow');
if (id) {
alert(id);
var ret = jQuery("#mainTable").jqGrid('getRowData', id);
alert(ret);
alert("id=" + ret.id + " invdate=" + ret.total + "...");
} else {
alert("Please select row");
}
var thisid = $("#mainTable").getCell(2, "Id");
alert(thisid);
}
</script>
</body>
</html>
标签：
Bootstrap3代码备份 
上一条：
下一条：
相关评论
发表评论