jqgrid控件列分组
<%-- builed by manage.aspx.cmt [ver:2014.48.11] at 2014/10/11 16:48:33 --%>
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="SysDictManage.aspx.cs"
Inherits="HraWeb.SysDictManage" %>
<%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
<!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">
<title></title>
<style>
.left
{
width: 20%;
float: left;
overflow: auto;
display: inline;
height: 300px;
}
.right
{
width: 80%;
float: left;
overflow: hidden;
display: inline;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="toolbar" class="datagrid-toolbar">
<span class="title">字典名称:</span><input type="text" id="txt_Name_LK_" name="txt_Name_LK_"
class="input datacontrol" style="width: 100px" />
<span class="title">字典类别:</span>
<asp:TextBox runat="server" ID="prm_TypeCode_" CssClass="input datacontrol" Style="width: 180px" />
<a href="#" id="btn_add" iconcls="icon-add" class="button">新增</a> <a href="#" id="btn_edit"
iconcls="icon-edit" class="button">编辑</a> <a href="#" id="btn_del" iconcls="icon-remove"
class="button">删除</a> <a href="#" id="btn_search" iconcls="icon-search" class="button">
查询</a>
<asp:Button runat="server" ID="aa" OnClick="groupbtn"/>
</div>
<div style="width: 100%">
<%-- GroupSettings-CollapseGroups="true" GroupSettings-ShowSummaryOnHide="true" --%>
<div class="left">
<ul id="tt" class="easyui-tree">
</ul>
</div>
<div class='right'>
<asp:JQGrid runat="server" ID="jq" SortSettings-InitialSortColumn="Sequence" AutoWidth="True"
Height="400" DataUrl="/admin/Sys/SysDictManage.aspx?_method=search">
<Columns>
<asp:JQGridColumn DataField="Name" Visible="true" HeaderText="字典名称">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Code" Visible="true" HeaderText="字典编码">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="TypeCode" Visible="true" HeaderText="字典类别">
<Formatter>
<asp:CustomFormatter FormatFunction="ChangeType" />
</Formatter>
</asp:JQGridColumn>
<asp:JQGridColumn DataField="IsActive" TextAlign="Center" Width="80" FixedWidth="True"
Visible="true" HeaderText="是否有效">
<Formatter>
<asp:CheckBoxFormatter />
</Formatter>
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Sequence" Visible="false" HeaderText="顺序">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="Id" Visible="False" HeaderText="数据字典ID" PrimaryKey="true">
</asp:JQGridColumn>
</Columns>
<%-- <HeaderGroups>
<asp:JQGridHeaderGroup StartColumnName="TypeCode" />
</HeaderGroups>--%>
<GroupSettings CollapseGroups="true" ShowSummaryOnHide="false">
<GroupFields>
<asp:GroupField DataField="TypeCode" ShowGroupColumn="true" GroupSortDirection="Asc" />
</GroupFields>
</GroupSettings>
<ClientSideEvents LoadComplete="JDataGrid.loadComplete" RowDoubleClick="JDataGrid.rowDoubleClick" />
</asp:JQGrid>
</div>
</div>
</form>
<script type="text/javascript">
var parentId = "";
function LoadTree() {
DataGrid.WaitMessage();
$("#tt").tree(
{ url: 'SysDictManage.aspx?_method=LoadDictType&a=' + Math.random(),
method: 'post',
animate: true,
onClick: function (node) {
var queryParams = $("body").GetSearchPostData();
if ($("#txt_Name_LK_").val() == "") {
queryParams["txt_Name_LK_"] = "";
}
//右边的easyui树代表字典类别TypeCode，下拉框prm_TypeCode_也是字典类别， 当点击树节点的时候，查询以点击的节点的字典类别为主，
//下拉框选择的字典类别prm_TypeCode_应当不再起作用所以设置
//queryParams["prm_TypeCode_"] = "";queryParams["txt_TypeCode_"] = node.id;
queryParams["prm_TypeCode_"] = "";
if (node.id != "-1")
queryParams["txt_TypeCode_"] = node.id;
else {
queryParams["txt_TypeCode_"] = "";
}
queryParams["ParentName"] = node.text;
$.post("SysDictManage.aspx?_method=MemoDictTypeCode&TypeCode=" + node.id + "&TypeName=" + node.text);
$("#jq").jqGrid("setGridParam", { page: 1, postData: queryParams }).trigger("reloadGrid");
},
onLoadSuccess: function (node, data) {
DataGrid.RemoveWaitMessage();
}
}
);
}
function getJson() {
var url = 'SysDictManage.aspx?entityType=SysDictType&_method=entity&tmp=' + Math.random() + '&queryTextFild=Name&idFild=Code';
$.ajax({
async: false,
type: "post",
url: url,
data: {},
dataType: "json",
success: function (data) {
jsonDic = data;
}
});
}
var jsonDic;
function PageOnLoad() {
LoadTree();
$(" .left").height(ComputGridHeight(100));
UTIL.SetEntityCombo($("#prm_TypeCode_"), "SysDictType", "Name", [[
{ field: 'Code', title: '字典编码', align: 'left', width: 40 },
{ field: 'Name', title: '字典名称', width: 40 }
]], null, 'Code');
//控件按钮设置
$(".button").linkbutton({ plain: true });
$("#btn_search").click(function () {
var queryParams = $("body").GetSearchPostData();
var row = $("#prm_TypeCode_").combogrid('grid').datagrid('getSelected');
if (row != null) {
queryParams["prm_TypeCode_"] = row.Code;
} else {
$("#prm_TypeCode_").val();
}
$("#jq").jqGrid("setGridParam", { postData: queryParams, page: 1 }).trigger("reloadGrid");
});
//参数说明：控件Id,查询地址，编辑页面的宽度，高度,编辑页面标题,新增按钮,编辑按钮，删除按钮，查询按钮，查询回调函数
JDataGrid.InitGrid("jq", "/admin/Sys/SysDictEdit.aspx", 600, 270, "数据字典", null, $("#btn_edit"), $("#btn_del"), $("#btn_search"));
$("#btn_add").click(function () {
var url = "/admin/Sys/SysDictEdit.aspx?x=1";
var menuId = UTIL.getUrlParam("_menuId");
if (menuId != null) {
url += "&_menuId=" + menuId;
}
if (parentId != "") {
url += "&typeId=" + parentId;
}
JDataGrid.Add(url, 600, 270, "数据字典");
});
}
function ChangeType(value, indx, rec) {
while (jsonDic == undefined) {
jsonDic = UTIL.GetChangeTypeJson("SysDictType", "Code", "Name");
}
return BindDictDrop(value, jsonDic, "Code", "Name", false);
}
</script>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BaseService;
using Framework;
using HraWeb.Common;
using Trirand.Web.UI.WebControls;
using WebApp.Common;
using Contract.Domain;
using System.Collections;
namespace HraWeb
{
public partial class SysDictManage : JQEntityManage<Contract.Domain.SysDict>
{
protected override void Page_Load(object sender, EventArgs e)
{
//jq.GroupSettings.GroupFields.Add(new GroupField()
//{
// DataField = "IsActive",
// ShowGroupColumn = true,
// GroupSortDirection = Trirand.Web.UI.WebControls.SortDirection.Desc
//});
//给基类服务接口复制，可不付
//base.svc = Psvc;
if (!IsPostBack)
{
if (Request["_method"]=="LoadDictType")
{
LoadDictType();
}
if (!string.IsNullOrEmpty(Request["_method"]) && Request["_method"] == "MemoDictTypeCode")
{
string TypeCode = Request["TypeCode"] ?? "";
if (!string.IsNullOrEmpty(TypeCode))
{
Session["TypeCode"] = TypeCode;
}
HttpContext.Current.Response.End();
}
else if (Request["_method"] == "entity")
{
string entityType = Request["entityType"] ?? "";
if (!string.IsNullOrEmpty(entityType))
{
info = new QueryInfo();
info.QueryObject = "SysDictType";
IList list1 = Dao.FindList(info);
//IList<SysDictType> list = Holworth.Utility.Utility.ListToT<SysDictType>(list1);
HttpContext.Current.Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(list1));
HttpContext.Current.Response.End();
}
}
//if (string.IsNullOrEmpty(Request["_method"]))
//{
// Framework.QueryInfo info = new Framework.QueryInfo();
// info.QueryObject = "SysDictType";
// IList dictList = Dao.FindList(info);
// prm_TypeCode_.DataSource = dictList;
// prm_TypeCode_.DataTextField = "Name";
// prm_TypeCode_.DataValueField = "Code";
// prm_TypeCode_.DataBind();
// prm_TypeCode_.Items.Insert(0, new ListItem());
//}
}
base.Page_Load(sender, e);
}
private void LoadDictType()
{
Session["TypeCode"] = Request["TypeCode"];
Framework.QueryInfo info = new Framework.QueryInfo();
info.QueryObject = "SysDictType";
IList dictList = Dao.FindList(info);
IList<SysDictType> typeList = Holworth.Utility.Utility.ListToT<SysDictType>(dictList);
typeList = (from s in typeList orderby s.Name ascending select s).ToList();
EasyUiTree node = new EasyUiTree();
node.id = "-1";
node.text = "字典类型";
foreach (Contract.Domain.SysDictType dict in typeList)
{
if (node.children == null)
{
node.children = new List<EasyUiTree>();
}
var child = new EasyUiTree();
child.id = dict.Code;
child.text = dict.Name;
node.children.Add(child);
}
System.Collections.ArrayList list = new ArrayList();
list.Add(node);
Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(list));
Response.End();
}
/// <summary>
/// 设置查询条件或者语句
/// </summary>
/// <returns></returns>
protected override Framework.QueryInfo SetInfo()
{
info = base.SetInfo();
string ParentName = string.Empty;
//if (!string.IsNullOrEmpty(Request["ParentId"]))
{
//Session["ParentName"] = Request["ParentName"].ToString();
//if (Request["ParentId"] != "-1")
//{
// info.Parameters.Clear();
// info.AddParam("TypeCode", Request["ParentId"]);
//}
}
return info;
}
/// <summary>
/// 初始化页面控件
/// </summary>
protected override void InitPage()
{
base.InitPage();
// BindDrop(drp_Unit, "SPSW", true);
}
//private Contract.IService.ISysDictService psvc;
///// <summary>
///// 初始化
///// </summary>
//Contract.IService.ISysDictService Psvc
//{
// get
// {
// if (psvc == null)
// {
// psvc = ctx.GetObject("SysDictService") as Contract.IService.ISysDictService;
// }
// return psvc;
// }
//}
protected void groupbtn(object sender, EventArgs e)
{
jq.GroupSettings.GroupFields.Add(new GroupField()
{
DataField = "Sequence",
ShowGroupColumn = true,
GroupSortDirection = Trirand.Web.UI.WebControls.SortDirection.Desc
});
jq.DataBind();
}
}
}
jqgrid控件列分组的更多相关文章
- [WP8.1UI控件编程]SemanticZoom控件实现分组列表
11.1.5 SemanticZoom实现分组列表 SemanticZoom控件可以让用户实现一种更加高级的列表,这种列表可以对列表的项目进行分组,同时这个SemanticZoom控件会提供两个具有相 ...
- 一个动态扩展表格控件列和行的 jQuery 插件
一个动态扩展表格控件列和行的 jQuery 插件 不过这并不影响使用鸭! 看这里:https://github.com/zhuwansu/table-ext.js 一个简单的示范 html <t ...
- EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性
EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...
- 继续聊WPF——设置网格控件列标题的样式
我很奇怪的是,微软那厮是怎么搞的,Blend里面居然不能编辑GridView的样式,十万般无奈之下,只好手写XAML来处理了. 要想知道一个控件的样式是如何设置,看控件类的定义很重要,我们来看看Gri ...
- 对Dev的GridControl/GridView控件进行分组并展开操作
今天在模块编写中碰到了对表格的分组,特意在这里把它记录下来. 一.背景:Dev14.1.3,GridControl,.NET4.0+C# 二.过程 1.GridControl设计 一共添加4列:在下面 ...
- DatagridView 控件列顺序与设置的不一样
解决方案如下 : 1. dataGridView1.AutoGenerateColumns = false; 2. 绑定的dataSource 中所有的列都要写进去(列一定是绑定的模型中属性) 先在界 ...
- GridView修改含有DropDownList控件列的宽度
GridView进入Edit模式,编辑列动态绑定DropDown List方便客户选择,但当里面的Item过长,不免令界面不美观 正确做法: <asp:TemplateField HeaderT ...
- silverlight的Datagrid控件列绑定属性笔记
<data:DataGridTemplateColumn Header="给作者留言"> <data:DataGridTemplateColumn.CellTem ...
- WPF 控件总结
内容控件:1.Button:当Button.IsCancel="True"时,点击按钮,对话框关闭.当Button.IsDefault="True",按回车触发 ...
随机推荐
- Oracle与Mysql操作表序列
一.Oracle添加表序列 CREATE SEQUENCE name -- 序列名 INCREMENT BY -- 每次加几个 START WITH -- 从几开始计数 MINVALUE --- 最小 ...
- F4NNIU 学习目录 （2018-08-22）
F4NNIU 学习目录 语言 C 语言 C 语言程序设计进阶 在线刷题 https://leetcode-cn.com/problemset/all/ 工具 Git 版本管理 在线教程 在线教程
- Linux 简单按键中断处理流程
中断处理程序中不能延时.休眠之类的,一定要最快速.高效的执行完. // 功能:申请中断 // 参数1:中断号码,通过宏 IRA_EINT(x) 获取 // 参数2:中断的处理函数,填函数名 // 参数 ...
- 学习FPGA需要做哪些
有些人比较差,做了一些介绍,有误导成分.有些人水平太高,介绍的很好,但是很多人依旧听不懂,得到的肯定很少.学习FPGA,在不同层次的人明显有不同的答案. 熟悉硬件描述语言语法,不需要什么都会,但是要记 ...
- 腾讯云搭建php环境
1.安装搭建论坛必要的软件 apache php mysql CentOS系统我们可以直接使用 yum install 的方式进行软件安装,腾讯云有提供软件安装源,是同步CentOS官方的安装源, ...
- 转：oracle几组重要的常见视图-v$latch，v$latch_children，v$lock，v$locked_object
v$latch Oracle Rdbms应用了各种不同类型的锁定机制,latch即是其中的一种.Latch是用于保护SGA区中共享数据结构的一种串行化锁定机制.Latch的实现是与操作系统相关的, 尤 ...
- 「小程序JAVA实战」小程序视图之细说数据绑定（13）
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-13/ 在前面的小节里面其实对数据绑定都有所了解了,在这次给老铁在好好说下数据绑定,看下它的方方面面 ...
- MyBatis3配置文件示例及解释
转自:https://blog.csdn.net/tobylxy/article/details/84320694 1 <?xml version="1.0" encodin ...
- MySQL（数据库）
数据库概念: 数据库(Database)是按照数据结构来组织.存储和管理数据的仓库在实际应用中会遇到各式各样的数据库如nosql非关系数据库(memcached,redis,mangodb),RDBM ...
- Linux下安装配置MySQL5.7服务器
Linux下安装配置MySQL服务器 一.安装环境 ============ OS:centos6.8 MySQL:mysql-5.7.16-linux-glibc2.5-x86_64.tar.gz ...