技术标签: jqGrid 表格控件 javascript jquery
$("#grid_id").jqGridMethod( parameter1,...,parameterN );
$("#grid_id").jqGrid('method', parameter1,...,parameterN );
var id = $("#gridTable").jqGrid("getGridParam", "selrow");
var getContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var rowData = $("#gridTable").jqGrid("getRowData", selectedId);
alert("First Name: " + rowData.firstName);
};
var addContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var dataRow = {
id: 99,
lastName: "Zhang",
firstName: "San",
email: "[email protected]",
telNo: "0086-12345678"
};
if (selectedId) {
$("#gridTable").jqGrid("addRowData", 99, dataRow, "before", selectedId);
} else {
$("#gridTable").jqGrid("addRowData", 99, dataRow, "first");
}
var addContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var dataRow = [{
id: 99,
lastName: "Zhang",
firstName: "San",
email: "[email protected]",
telNo: "0086-12345678"
},
{
id: 100,
lastName: "Li",
firstName: "Si",
email: "[email protected]",
telNo: "0086-12345678"
},
{
id: 101,
lastName: "Wang",
firstName: "Wu",
email: "[email protected]",
telNo: "0086-12345678" }];
if (selectedId) {
$("#gridTable").jqGrid("addRowData", "id", dataRow, "before", selectedId);
} else {
$("#gridTable").jqGrid("addRowData", "id", dataRow, "first");
}
};
$(function() {
// 配置jqGrid组件
$("#gridTable").jqGrid({
url: "jqGrid01.action",
datatype: "json",
mtype: "GET",
height: 350,
width: 600,
colModel: [
{ name: "id", index: "id", label: "编码", width: 40 },
{ name: "lastName", index: "lastName", label: "姓", width: 80, sortable: false },
{ name: "firstName", index: "firstName", label: "名", width: 80, sortable: false },
{ name: "email", index: "email", label: "电子邮箱", width: 160, sortable: false },
{ name: "telNo", index: "telNo", label: "电话", width: 120, sortable: false }
],
viewrecords: true,
rowNum: 15,
rowList: [15, 50, 100],
prmNames: { search: "search" },
jsonReader: {
root: "gridModel",
records: "record",
repeatitems: false
},
pager: "#gridPager",
caption: "联系人列表",
hidegrid: false,
shrikToFit: true
});
});
var echoSelRow = function() {
var id = $("#gridTable").jqGrid("getGridParam", "selrow");
alert("当前选中行ID:" + id);
};
var getContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var rowData = $("#gridTable").jqGrid("getRowData", selectedId);
alert("First Name: " + rowData.firstName);
};
var addContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var dataRow = {
id: 99,
lastName: "Zhang",
firstName: "San",
email: "[email protected]",
telNo: "0086-12345678"
};
if (selectedId) {
$("#gridTable").jqGrid("addRowData", 99, dataRow, "before", selectedId);
} else {
$("#gridTable").jqGrid("addRowData", 99, dataRow, "first");
}
};
var updateContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
var dataRow = {
lastName: "Li",
firstName: "Si",
email: "[email protected]"
};
var cssprop = {
color: "#FF0000"
};
$("#gridTable").jqGrid('setRowData', selectedId, dataRow, cssprop);
};
var deleteContact = function() {
var selectedId = $("#gridTable").jqGrid("getGridParam", "selrow");
$("#gridTable").jqGrid('delRowData', selectedId);
};
var changeGridOptions = function() {
$("#gridTable").jqGrid("setGridParam", {
rowNum: 50,
page: 16
}).trigger('reloadGrid');
$("#gridTable").jqGrid("setCaption", "Contact List").trigger('reloadGrid');
alert($("#gridTable").jqGrid("getGridParam", "caption"));
alert($("#gridTable").jqGrid("getGridParam", "rowNum"));
};
var resetWidth = function() {
$("#gridTable").jqGrid("setGridWidth", 300, false);
};
<!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" xml:lang="zh-CN" lang="zh-CN">
<head>
<title>jqGrid02</title>
<link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/jquery-ui-1.8.1.custom.css" mce_href="css/themes/aero/jquery-ui-1.8.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/ui.jqgrid.custom.css" mce_href="css/themes/aero/ui.jqgrid.custom.css" />
<mce:script type="text/javascript" src="../js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script>
<mce:script src="../js/jquery-ui-1.8.1.custom.min.js" mce_src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></mce:script>
<mce:script src="../js/i18n/grid.locale-zh-CN.js" mce_src="js/i18n/grid.locale-zh-CN.js" type="text/javascript"></mce:script>
<mce:script src="../js/jquery.jqGrid.min.js" mce_src="js/jquery.jqGrid.min.js" type="text/javascript"></mce:script>
<mce:script src="js/jqGrid02.js" mce_src="js/jqGrid02.js" type="text/javascript"></mce:script>
</head>
<body>
<h3>
jqGrid测试 02
</h3>
<div>
<table id="gridTable"></table>
<div id="gridPager"></div>
</div>
<br />
<div>
<button οnclick="echoSelRow()">当前行 ID</button>
<button οnclick="getContact()">当前联系人</button>
<button οnclick="addContact()">添加行</button>
<button οnclick="updateContact()">修改行</button>
<button οnclick="deleteContact()">删除行</button>
<button οnclick="changeGridOptions()">改变 Grid选项</button>
<button οnclick="resetWidth()">改变Grid宽度</button>
</div>
</body>
</html>
文章浏览阅读4.2k次。一个项目需要一个权限控制的模块,因为是重构的项目,用的是dtree,所有着手研究了一手dtree。网上也有好的地案例,比如http://www.jq22.com/jquery-info5331这个网址的模式,挺好的,就是太贵了,再比如:http://www.16css.com/menu/1184.html这个网站,里面有代码,是免费的,但是就是感觉里面的方法不太全,所以自己动手写了一个,代码如..._权限控制复选框插件
文章浏览阅读2k次。最近,很多小伙伴们都觉得自己的电脑内存不够了,又想换块硬盘,但又是一件复杂的事,那么就有很多人想到了PC上安装虚拟机,占用空间呢也不是很大,又方便。那么要怎么安装呢?今天就来教大家如何安装!“叮咚——”准备做好系统一时游,我们开始吧!1.安装时必不可缺镜像!如果要正版镜像那么就去这个网址:MSDN, 我告诉你 - 做一个安静的工具站 (itellyou.cn)或这个微软官方:下载 Windows 8.1 光盘映像(ISO 文件) (microsoft.com)https://www.micros_win8镜像csdn
文章浏览阅读1.7k次。C/C++经典程序训练2—斐波那契数列Problem Description编写计算斐波那契(Fibonacci)数列的第n项函数fib(n)(n < 40)。数列描述:f1=f2==1;fn=fn-1+fn-2(n>=3)。Input输入整数 n 的值(0 < n < 40)。Output输出fib(n)的值。Sample Input7Sample..._c/c++经典程序训练2---斐波那契数列
文章浏览阅读1.8k次。杂项#文件操作与隐写##文件类型的断别##文件头错误##文件分离操作##文件合并##文件内容隐写#图片隐写##细微颜色差别##GIF图多帧隐藏##Exif信息隐藏##图片修复##最低有效位lsb隐写##图片加密#压缩文件处理##伪加密##暴力破解##明文攻击##压缩包修复#流量取证技术##流量包修复##协议分析##数据提取..._tweakpng
文章浏览阅读272次。头文件#ifndef __BTREE_H__#define __BTREE_H__ #define LCHILD 0#define RCHILD 1#include"error.h"typedef char BTREEDATA;typedef struct _btreenode{ BTREEDATA data; struct _btreenode *lchild; _#include "btree.h
文章浏览阅读581次。需求背景:1、通过MIGO参照PO做101收货时,增强代码里同步生成901 K 的寄售凭证2、通过MIGO冲销收货凭证时,增强代码里同步冲销寄售凭证设计方案:1、收货和冲销时,在增强点MB_MIGO_..._migo_badi_bapi
文章浏览阅读83次。微服务是分布式后的产物对吗 介绍 (Introduction)This is the second part of the work that attempts to find a recipe towards financial independence — a stage where you no longer need to work to support yourself. 这是工作的第..._108935266
文章浏览阅读565次。select * from all_jobs;SELECT * FROM DBA_JOBS;SELECT * FROM DBA_JOBS_RUNNING;SELECT job, next_date, next_sec, failures, broken FROM user_jobs; select a from sxfc.job_table order by a;delete fro
文章浏览阅读739次。1月5日消息 显示器研究机构DSCC发布的行业预测报告显示,苹果公司预计将在2022年下半年发布一款同时具有VR和AR功能的头戴设备。这款设备将配有三个显示模块,包括两个微型OLED显示器和一个AMOLED面板。苹果vr眼镜发布会抢先看 http://www.adiannao.cn/dn苹果VR/AR头显会有三块屏幕,最高8K分辨率两个微型OLED显示器尺寸为1.4英寸,支持4K分辨率,AMOLED面板将用于实现低分辨率外围视觉,从而增加视觉纵深。DSCC预计,第一代设备将是一款面向专业人士和开发人_苹果vr眼镜
文章浏览阅读2.9k次,点赞2次,收藏4次。在学习了目标识别的网络构建与训练之后,我们总结一个模型的三元素为:数据、网络架构、损失函数。而采用的一般策略为迁移学习,即在已有的网络基础上,增加附加层;训练时首先冻结已有的网络的参数,训练附加层的系数;然后使用阶梯化的学习速率,训练整个网络。在本节及下节课程中,我们将学习神经网络在自然语言处理方面的应用,包括构建语言模型、文本的情感分析、机器翻译等。在这一部分,我们所使用的技术策略同目标识别的..._fastai text
文章浏览阅读750次。在Web应用开发中列表的分页是难免要遇到的问题,在ASP.NET 2.0中微软为我们提供了很多数据源控件,如SqlDataSource、ObjectDataSource等,它们都可以实现默认分页,但是默认分页是在内存中实现的,用户量增大时Web服务器的负担会急剧增大,在多层体系结构程序开发中,往往把分页和排序的工作交给数据库服务器来完成,在网上也能找到很多能够快速实现分页的控件,但是做为一个程序员对分页的实现还是有一定的了解比较好,如果过渡的依赖于控件,你说写出的代码独立性就很差,一般在多层we_与objectdatasource真分页无关的 属性是
文章浏览阅读51次。C 递归递归指的是在函数的定义中使用函数自身的方法。 举个例子: 从前有座山,山里有座庙,庙里有个老和尚,正在给小和尚讲故事呢!故事是什么呢?"从前有座山,山里有座庙,庙里有个老和尚,正在给小和尚讲故事呢!故事是什么呢?'从前有座山,山里有座庙,庙里有个老和尚,正在给小和尚讲故事呢!故事是什么呢?……'" 语法格式如下:void recursion(..._void recursion(){ statements; ... ... ... recursion(); /* 函数调用自身 */ ..