点滴积累【JS】---JS求平均值...-点滴积累【JS】---JS取文本框...-jqGrid 各种参数详解

当前位置: 编程技术>WEB前端

本页文章导读:

▪点滴积累【JS】---JS求平均值（方法）效果：事件：当输入完三个文本框后触发blur事件。计算出平均值说明：调用方法计算出平均值，代码：文本框中：1 <asp:TextBox ID="tblmyd11" Field="lmyd11" TableName="gqls_sy" EnabledAction="/blog_article/(12._)" Css runat=.........

▪点滴积累【JS】---JS取文本框中最小值 JS取文本框中最小值效果：取最小值　　　　事件：当输入值之后，取出最小值。代码： 1 /*单块最小值*/ 2 function Gettbqdzxz() { 3 var tbkyqd1 = ChangeFloat($("#<%=tbkyqd1.ClientID %>.........

▪jqGrid 各种参数详解 JQGridJQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。JQGrid Demo 是一个在线的演示项目。在这里，可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学.........

[1]点滴积累【JS】---JS求平均值（方法）

来源: 发布时间: 2013-11-06

效果：

事件：当输入完三个文本框后触发blur事件。计算出平均值

说明：调用方法计算出平均值，

代码：

文本框中：

1 <asp:TextBox ID="tblmyd11" Field="lmyd11" TableName="gqls_sy" EnabledAction="/blog_article/(12._)" Css runat="server" self="ydpj"></asp:TextBox>

JS部分：

1 /********************硬度HRC平均值**************************/
2 $(function() {
3 $("[self='ydpj']").blur(function() { Getlmpj("11", "21", "31", "41"); });
4 $("[self='ydpj']").blur(function() { Getlmpj("12", "22", "32", "42"); });
5 $("[self='ydpj']").blur(function() { Getlmpj("13", "23", "33", "43"); });
6 $("[self='ydpj']").blur(function() { Getlmpj("14", "24", "34", "44"); });
7 //螺母
8 function Getlmpj(one, two, three, four) {
9 var avg = 0;
10 var num1 = ChangeFloat($("input[id*=tblmyd" + one + "]").val());
11 var num2 = ChangeFloat($("input[id*=tblmyd" + two + "]").val());
12 var num3 = ChangeFloat($("input[id*=tblmyd" + three + "]").val());
13 if (num1 != 0 && num2 != 0 && num3 != 0) {
14 avg = (num1 + num2 + num3) / 3;
15 $("input[id*=tblmyd" + four + "]").val(RoundValue(avg, 0.1, 1));
16 }
17 else {
18 $("input[id*=tblmyd" + four + "]").val("");
19 }
20 }
21 });
22 function ChangeFloat(data) {
23 if (data != null && data != "") {
24 return parseFloat(data);
25 }
26 else {
27 return 0;
28 }
29 }

本文链接

[2]点滴积累【JS】---JS取文本框中最小值

来源: 发布时间: 2013-11-06

JS取文本框中最小值

效果：取最小值

事件：当输入值之后，取出最小值。

代码：

1 /*单块最小值*/
2 function Gettbqdzxz() {
3 var tbkyqd1 = ChangeFloat($("#<%=tbkyqd1.ClientID %>").val());
4 var tbkyqd2 = ChangeFloat($("#<%=tbkyqd2.ClientID %>").val());
5 var tbkyqd3 = ChangeFloat($("#<%=tbkyqd3.ClientID %>").val());
6 var tbkyqd4 = ChangeFloat($("#<%=tbkyqd4.ClientID %>").val());
7 var tbkyqd5 = ChangeFloat($("#<%=tbkyqd5.ClientID %>").val());
8
9 if (tbkyqd1 != 0 && tbkyqd2 != 0 && tbkyqd3 != 0 && tbkyqd4 != 0 && tbkyqd5 != 0) {
10 var numbers = [tbkyqd1, tbkyqd2, tbkyqd3, tbkyqd4, tbkyqd5];
11 numbers = numbers.sort(function(a, b) {
12 return a - b;
13 });
14 $("#<%=tbqdzxz.ClientID%>").val(numbers[0]);
15 }
16 else {
17 $("#<%=tbqdzxz.ClientID%>").val("");
18 }
19 }
20
21 function ChangeFloat(data) {
22 if (data != null && data != "")
23 return parseFloat(data);
24 else
25 return 0;
26 }

本文链接

[3]jqGrid 各种参数详解

来源: 发布时间: 2013-11-06

JQGrid

JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。

JQGrid Demo 是一个在线的演示项目。在这里，可以知道jqgrid可以做什么事情。

下面是转自其他人blog的一个学习资料，与其说是学习资料，说成查询帮助文档更加合适。

jqGrid学习之 -------------安装

jqGrid安装很简单，只需把相应的css、js文件加入到页面中即可。
按照官网文档:

/myproject/css/
           ui.jqgrid.css
           /ui-lightness/
                 /images/
                 jquery-ui-1.7.2.custom.css

/myproject/js/
            /i18n/
                 grid.locale-bg.js
                 list of all language files
                 ….
            Changes.txt
           jquery-1.3.2.min.js
           jquery.jqGrid.min.js

在页面中写法：

Java代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>My First Grid</title>

<style>

html, body {

margin: 0;

padding: 0;

font-size: 75%;

}

</style>

</head>

<body>

...

</body>

</html>

需要说明的是，jquery-ui的字体大小与jqgrid字体大小不一致，故需要在页面上在加上一段
style来指定页面上文字大小。

jqGrid皮肤

从3.5版本开始，jqGrid完全支持jqueryUI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid
也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。

jqGrid原理

jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。
对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。

jqGrid参数

名称

类型

描述

默认值

可修改

url

string

获取数据的地址

datatype

string

从服务器端返回的数据类型，默认xml。可选类型：xml，local，json，jsonnp，script，xmlstring，jsonstring，clientside

mtype

string

ajax提交方式。POST或者GET，默认GET

colNames

Array

列显示名称，是一个数组对象

colModel

Array

常用到的属性：name 列显示的名称；index 传到服务器端用来排序用的列名称；width 列宽度；align 对齐方式；sortable 是否可以排序

pager

string

定义翻页用的导航栏，必须是有效的html元素。翻页工具栏可以放置在html页面任意位置

rowNum

int

在grid上显示记录条数，这个参数是要被传递到后台

rowList

array

一个下拉选择框，用来改变显示记录数，当选择时会覆盖rowNum参数传递到后台

sortname

string

默认的排序列。可以是列名称或者是一个数字，这个参数会被提交到后台

viewrecords

boolean

定