sf2gis2

easyUI 数据表格-datagrid

easyUI 数据表格-datagrid

[email protected]

2015年9月28日

1 目标：数据的表格展示，网页版excel（具有所有功能）。

2 原理：table的扩展封装。

3 流程：创建table，设置为easyui-datagrid。设置属性和数据。

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css" />

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<thead>

<tr>

<thdata-options="field:'code'">code</th>

<thdata-options="field:'name'">name</th>

<thdata-options="field:'price'">price</th>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</body>

</html>

4 方法

4.1 创建datagrid控件：填充table标签创建或使用js创建（推荐）。

由于JS创建能够设置复杂的样式，推荐使用js创建。

4.1.1直接填充table标签，生成easyui-datagrid样式

参见：流程：创建table，设置为easyui-datagrid。设置属性和数据。

4.1.2使用table标签的thead构建样式，使用JSON文件填充数据。

示例：使用table标签构建样式。

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<scripttype="text/javascript"src="js/highcharts.js"></script>

<scripttype="text/javascript"src="js/highcharts-3d.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<table id="dg" class="easyui-datagrid"

data-options="fitColumns:true,singleSelect:true,url:'/thbd/pages/BusinessStatistics/clsxxtj_data.json'"

style="width: 100%;">

<thead>

<tr>

<thdata-options="field:'cph'" style="width: 100px;">车牌号</th>

<thdata-options="field:'cpys'" style="width: 100px;">车牌颜色</th>

<thdata-options="field:'ssqy'" style="width: 100px;">所属企业</th>

<thdata-options="field:'sxzs'" style="width: 100px;">上线总数</th>

<thdata-options="field:'xxzs'" style="width: 100px;">下线总数</th>

<thdata-options="field:'cz',formatter:czRowFormatter"

style="width:100px;">操作</th>

</tr>

</thead>

</table>

//format cell to <a> with blue color and underline

function czRowFormatter(value, row, index) {

return "<a href=''style='color:blue;text-decoration:underline;'>"

+ value + "</a>";

}

</script>

</body>

</html>

//clsxxtj_data.json

{"total":4,"rows":[

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"1","xxzs":"36","cz":"查看"},

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"0","xxzs":"36","cz":"查看"}

]}

4.1.3使用js构建样式，填充数据（推荐）。

方法：在html中构建table，使用js设置table的样式和数据。

设置样式Columns：参见复杂表头：多栏表头设计

示例：使用js创建表格。

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<scripttype="text/javascript"src="js/highcharts.js"></script>

<scripttype="text/javascript"src="js/highcharts-3d.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

$(document).ready(function() {

$('#dg').datagrid({

url:'/thbd/pages/BusinessStatistics/clsxxtj_data.json',

fitColumns:true,

columns:[[

{field:'cph',title:'车牌号',width:100},

{field:'cpys',title:'车牌颜色',width:100},

{field:'ssqy',title:'所属企业',width:100},

{field:'sxzs',title:'上线总数',width:100},

{field:'xxzs',title:'下线总数',width:100},

{field:'cz',title:'车牌号',width:100,formatter:czRowFormatter}

]]

});

//format cell to <a> with blue color and underline

function czRowFormatter(value, row, index) {

return "<a href=''style='color:blue;text-decoration:underline;'>"

+ value + "</a>";

}

</script>

</body>

</html>

//clsxxtj_data.json

{"total":4,"rows":[

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"1","xxzs":"36","cz":"查看"},

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"0","xxzs":"36","cz":"查看"}

]}

4.1.4示例：复杂表头

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css" />

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<scripttype="text/javascript"src="js/highcharts.js"></script>

<scripttype="text/javascript"src="js/highcharts-3d.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

$(document).ready(function() {

$('#dg').datagrid({

url:'/thbd/pages/BusinessStatistics/clsxxtj_data.json',

fitColumns:true,

columns:[

[

{title:'t1',colspan:3},

{title:'t2',colspan:3}

[

{title:'t3',colspan:2},

{title:'t4',colspan:1}

[

{field:'cph',title:'车牌号',width:100},

{field:'cpys',title:'车牌颜色',width:100},

{field:'ssqy',title:'所属企业',width:100},

{field:'sxzs',title:'上线总数',width:100},

{field:'xxzs',title:'下线总数',width:100},

{field:'cz',title:'车牌号',width:100,formatter:czRowFormatter}

]

});

//format cell to <a> with blue color and underline

function czRowFormatter(value, row, index) {

return "<a href=''style='color:blue;text-decoration:underline;'>"

+ value + "</a>";

}

</script>

</body>

</html>

//clsxxtj_data.json

{"total":4,"rows":[

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"1","xxzs":"36","cz":"查看"},

{"cph":"京APB－25415","cpys":"黄色","ssqy":"天绘北斗","sxzs":"0","xxzs":"36","cz":"查看"}

]}

4.2 设置表格属性：data-options

4.2.1根据内容自动调整网格宽度：fitColumns。如果为false，则超出大小时出现滚动条。

4.2.2单行选：singleSelect。

4.2.3增加复选框：checkbox。

参考：http://www.cnblogs.com/piaopiao7891/p/3180561.html

<thdata-options="field:'checked',checkbox:true" style="width:100px;"></th>

4.2.4自定义单元格格式：formatter。

目标：在填充数据时自动调用，返回格式的结果。

方法：formatter(value,rowData,index)。

value:字段值。

rowData:本行所有数据值。

index:行索引。

参考：http://www.bubuko.com/infodetail-286226.html

示例：

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<table id="t1" class="easyui-datagrid"

data-options="fitColumns:true,singleSelect:true,url:'/thbd/pages/BusinessStatistics/tqjl_data.json'"

style="width: 100%;">

<thead>

<tr>

<thdata-options="field:'checked',checkbox:true"

style="width:100px;"></th>

<th data-options="field:'zlxfr'"style="width: 100px;">指令下发人</th>

</tr>

</thead>

</table>

functionrowFormatter(value, row, index) {

console.debug(value);

console.debug(row);

console.debug(index);

return"<a href=''>" + value + "</a>";

}

</script>

</body>

</html>

4.3 设置数据：使用JSON数据文件填充（推荐），或使用table直接填充。

4.3.1使用JSON数据文件设置数据：设置url属性为JSON文件。此时忽略<tbody>。

JSON文件格式：单个对象，包括total和rows两个属性。数量使用total指定。数据行使用rows数组指定。每个row作为一个对象，表格列名为属性。

{"total":5,"rows":[

{"code":"c","name":"sf","price":"100"},

{"code":"cpp","name":"sf1","price":"200"},

{"code":"csharp","name":"sf2","price":"300"},

{"code":"java","name":"sf3","price":"400"},

{"code":"python","name":"sf4","price":"500"}

]}

示例：使用JSON数据文件填充表格。

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<table id="t1" class="easyui-datagrid"

data-options="fitColumns:true,singleSelect:true,url:'datagrid_data.json'"

style="width: 200px;">

<thead>

<tr>

<thdata-options="field:'name'">name</th>

<thdata-options="field:'price'">price</th>

</tr>

</thead>

</table>

</body>

</html>

//datagrid_data.json

{"total":5,"rows":[

{"code":"c","name":"sf","price":"100"},

{"code":"cpp","name":"sf1","price":"200"},

{"code":"csharp","name":"sf2","price":"300"},

{"code":"java","name":"sf3","price":"400"},

{"code":"python","name":"sf4","price":"500"}

]}

4.4复杂表头：多栏表头设计

目标：具有合并单元格等多种表头样式。

方法：

设置样式Columns：一个二维数组对象，每一个元素数组代表一行表头。元素数组中的每个对象表示一列，使用colspan表示占用几列（指最后一行的列数），rowspan表示占用几行（几个表头行）。

参考：http://blog.csdn.net/lishuangzhe7047/article/details/42743895

示例：双栏目表头

//create datagrid

//@author:[email protected]

//@date:2015-10-14 16:02

function createDataGrid(tid, url, type) {

var frozenColumns = [ [ {

title : '序号',

field : 'xh',

width : 100

}, {

field : 'zz',

title : '组织',

width : 100

}, {

field : 'cph',

title : '车牌号',

width : 100

}, {

field : 'sj',

title : '司机',

width : 100

} ] ];

if (type != 0) {

frozenColumns[0].push({

field : 'rq',

title : '日期',

width : 100

})

}

var cols = {

fitColumns : true,

singleSelect: true,

url : url,

frozenColumns : frozenColumns,

columns : [ [ {

title : '超速',

colspan : 2

}, {

title : '急加速',

colspan : 2

}, {

title : '急减速',

colspan : 2

} , {

title : '疲劳驾驶',

colspan : 2

} , {

title : '空档滑行',

colspan : 2

} ,{

field : 'xskmcs',

title : '行驶开门次数',

width : 100,

rowspan:2

}, {

field : 'ffdh',

title : '非法点火',

width : 100,

rowspan:2

}, {

field : 'ffyw',

title : '非法移位',

width : 100,

rowspan:2

}, {

field : 'hj',

title : '合计',

width : 100,

rowspan:2

}, {

field : 'pm',

title : '排名',

width : 100,

rowspan:2

} ], [ {

field : 'cs-cs',

title : '次数',

width : 100

}, {

field : 'cs-sc',

title : '时长',

width : 100

}, {

field : 'jjs-cs',

title : '次数',

width : 100

}, {

field : 'jjs-sc',

title : '时长',

width : 100

}, {

field : 'jjians-cs',

title : '次数',

width : 100

}, {

field : 'jjians-cs',

title : '时长',

width : 100

}, {

field : 'pljs-cs',

title : '次数',

width : 100

}, {

field : 'pljs-sc',

title : '时长',

width : 100

}, {

field : 'kdhx-cs',

title : '次数',

width : 100

}, {

field : 'kdhx-sc',

title : '时长',

width : 100

}] ]

};

$(tid).datagrid(cols);

}

5 示例

5.1 带有复选框的表格

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<table id="t1" class="easyui-datagrid"

data-options="fitColumns:true,singleSelect:true,url:'/thbd/pages/BusinessStatistics/tqjl_data.json'"

style="width: 100%;">

<thead>

<tr>

<thdata-options="field:'checked',checkbox:true"

style="width:100px;"></th>

<thdata-options="field:'xh'" style="width: 100px;">序号</th>

<thdata-options="field:'cph'" style="width: 100px;">车牌号</th>

<thdata-options="field:'tqsj'" style="width: 100px;">提取时间</th>

<thdata-options="field:'tqlx'" style="width: 100px;">提取类型</th>

<thdata-options="field:'zlxfr'" style="width: 100px;">指令下发人</th>

<thdata-options="field:'zt'" style="width: 100px;">状态</th>

<thdata-options="field:'cz'" style="width: 100px;">操作</th>

</tr>

</thead>

</table>

</body>

</html>

//tqjl_data.json

{"total":4,"rows":[

{"checked":false,"xh":"1","cph":"京APB－25415","tqsj":"100","tqlx":"100","zlxfr":"100","zt":"100","cz":"100"},

{"checked":false,"xh":"2","cph":"京APB－25416","tqsj":"100","tqlx":"100","zlxfr":"100","zt":"100","cz":"100"},

{"checked":true,"xh":"3","cph":"京APB－25417","tqsj":"100","tqlx":"100","zlxfr":"100","zt":"100","cz":"100"},

{"checked":false,"xh":"4","cph":"京APB－25418","tqsj":"100","tqlx":"100","zlxfr":"100","zt":"100","cz":"100"}

]}

5.2 使用table填充：填充tbody

参见：流程：创建table，设置为easyui-datagrid。设置属性和数据。

6 属性表格：easyui-propertygrid,datagrid的派生类。

6.1 目标：设置具有key-value格式的表格。

6.2 原理：扩展datagrid。

6.3 方法：

6.3.1创建表格：js创建或表格填充（同datagrid）。

6.3.2表头显示：showHeader。

6.3.3分组显示：showGroup。

6.3.4编辑框类型：editor。可以有多种类型，options属性用于设置不同类型对应的属性（此类型控件的属性）。

6.3.4.1 combobox：候选项使用data指定，数据值valueField,显示值textField。

{

"name":"SSN",

"value":"123-456-7890",

"group":"ID Settings",

"editor":{

"type":"combobox",

"options":{

"data":[{"label":"java","value":"j"},{"label":"javascript","value":"js"},{"label":"c++","value":"c"}],

"valueField":"value",

"textField":"label"

}

6.3.4.2 validbox：验证类型validType。

{

"name":"Email",

"value":"[email protected]",

"group":"Marketing Settings",

"editor":{

"type":"validatebox",

"options":{

"validType":"email"

}

6.3.4.3 checkbox：选中on/off。

{

"name":"Address",

"value":"0",

"group":"ID Settings",

"editor":{

"type":"checkbox",

"options":{

"on":"kai",

"off":"guan"

}

6.3.4.4 numberbox：最大值最小值max,min。

{

"name":"age",

"value":"31",

"group":"ID Settings",

"editor":{

"type":"numberbox",

"options":{

"min":18,

"max":100

}

6.3.5表头设置：宽度、内容

columns属性设置，一般设置field为value,和name。

columns:[[{field:'name',title:'aaaa'},{field:'value',title:'bbbbbbb',width:'100px'}]],

6.4 示例

6.4.1示例：控制属性表格。

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<a id="addRow" class="easyui-linkbutton"style="width: 100px;">addRow</a>

<a id="showHeader"class="easyui-linkbutton" style="width:100px;">showHeader</a>

<a id="hideHeader"class="easyui-linkbutton" style="width:100px;">hideHeader</a>

<a id="showGroup"class="easyui-linkbutton" style="width:100px;">showGroup</a>

<a id="hideGroup"class="easyui-linkbutton" style="width:100px;">hideGroup</a>

$(document).ready(function() {

console.debug($('#pg').propertygrid());

$('#pg').propertygrid({

url : '/thbd/pages/xtgl/xtgl_cssz_data.json',

showGroup : true,

scrollbarSize : 0

});

$('#pg').propertygrid({onLoadSuccess:function(e){

var row = {

name : 'addAddress',

value : 'xx222',

group : 'yyyy',

editor : 'checkbox'

};

$('#pg').propertygrid('appendRow', row);

$('#pg').propertygrid('resize', null);

}});

$('#addRow').click(function(e) {

var row = {

name : 'AddName',

value : 'xx',

group : 'Marketing Settings',

editor : 'text'

};

$('#pg').propertygrid('appendRow', row);

});

$('#showHeader').click(function(e){$('#pg').propertygrid({showHeader:true});});

$('#hideHeader').click(function(e){$('#pg').propertygrid({"showHeader":false});});

$('#showGroup').click(function(e){$('#pg').propertygrid({"showGroup":true});});

$('#hideGroup').click(function(e){$('#pg').propertygrid({"showGroup":false});});

});

</script>

</body>

</html>

6.4.2示例：属性表格编辑器。

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

<a id="addRow" class="easyui-linkbutton"style="width: 100px;">addRow</a>

<a id="showHeader"class="easyui-linkbutton" style="width:100px;">showHeader</a>

<a id="hideHeader"class="easyui-linkbutton" style="width:100px;">hideHeader</a>

<a id="showGroup"class="easyui-linkbutton" style="width:100px;">showGroup</a>

<a id="hideGroup"class="easyui-linkbutton" style="width:100px;">hideGroup</a>

$(document).ready(function() {

console.debug($('#pg').propertygrid());

$('#pg').propertygrid({

url : '/thbd/pages/xtgl/xtgl_cssz_data.json',

showGroup : true,

scrollbarSize : 0

});

$('#pg').propertygrid({onLoadSuccess:function(e) {

var row = {

name : 'addAddress',

value : 'xx222',

group : 'yyyy',

editor : 'checkbox'

};

$('#pg').propertygrid('appendRow', row);

$('#pg').propertygrid('resize', null);

}});

$('#addRow').click(function(e) {

var row = {

name : 'AddName',

value : 'xx',

group : 'Marketing Settings',

editor : 'text'

};

$('#pg').propertygrid('appendRow', row);

});

$('#showHeader').click(function(e){$('#pg').propertygrid({showHeader:true});});

$('#hideHeader').click(function(e){$('#pg').propertygrid({"showHeader":false});});

$('#showGroup').click(function(e){$('#pg').propertygrid({"showGroup":true});});

$('#hideGroup').click(function(e){$('#pg').propertygrid({"showGroup":false});});

});

</script>

</body>

</html>

//xtgl_cssz_data.json

{

"total":4,

"rows":[

{

"name":"Name",

"value":"Bill Smith",

"group":"ID Settings",

"editor":"text"

},{

"name":"Address",

"value":"0",

"group":"ID Settings",

"editor":{

"type":"checkbox",

"options":{

"on":"kai",

"off":"guan"

}}},{

"name":"SSN",

"value":"123-456-7890",

"group":"ID Settings",

"editor":{

"type":"combobox",

"options":{

"data":[{"label":"java","value":"j"},{"label":"javascript","value":"js"},{"label":"c++","value":"c"}],

"valueField":"value",

"textField":"label"

}}},{

"name":"age",

"value":"31",

"group":"ID Settings",

"editor":{

"type":"numberbox",

"options":{

"min":18,

"max":100

}}},{

"name":"birth",

"value":"",

"group":"ID Settings",

"editor":"datebox"

},{

"name":"Email",

"value":"[email protected]",

"group":"Marketing Settings",

"editor":{

"type":"validatebox",

"options":{

"validType":"email"

}}}

]

}

6.4.3示例：属性表格表头控制。

//easyUITest.html

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/default/easyui.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/icon.css"/>

<linkrel="stylesheet" type="text/css"

href="easyui/jquery-easyui-1.4.3/themes/color.css"/>

src="easyui/jquery-easyui-1.4.3/jquery.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>

<scripttype="text/javascript"

src="easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

<title>This is a testpage for easyUI</title>

</head>

<body>

$(document).ready(function() {

console.debug($('#pg').propertygrid());

$('#pg').propertygrid({

url : '/thbd/pages/xtgl/xtgl_cssz_data.json',

scrollbarSize : 0,

columns:[[{field:'name',title:'aaaa'},{field:'value',title:'bbbbbbb',width:'100px'}]],

showHeader:false,

showGroup:false

});

</script>

</body>

</html>

//xtgl_cssz_data.json

{

"total":4,

"rows":[

{

"name":"兴趣点默认展现",

"value":"展现",

"group":"cssz",

"editor":{

"type":"checkbox",

"options":{

"on":"展现",

"off":"不展现"

}

{

"name":"实时告警列表最大记录数（1～10000）",

"value":"5000",

"group":"cssz",

"editor":{

"type":"numberbox",

"options":{

"min":1,

"max":10000

}

{

"name":"实时数据列表最大记录数（1～10000）",

"value":"5000",

"group":"cssz",

"editor":{

"type":"numberbox",

"options":{

"min":1,

"max":10000

}

{

"name":"实时告警、实时数据、轨迹回放中数据列表默认高度（记录数）（1～20）",

"value":"10",

"group":"cssz",

"editor":{

"type":"numberbox",

"options":{

"min":1,

"max":20

}

]

}

你可能感兴趣的:(JavaScript,jquery,easyui,前端)

JavaScript系列（38）-- WebRTC技术详解陳沉辰陈 JavaScript javascript webrtc 开发语言
JavaScriptWebRTC技术详解今天，让我们深入了解WebRTC（WebReal-TimeCommunication）技术，这是一种支持网页浏览器进行实时语音对话或视频对话的技术。WebRTC基础概念小知识：WebRTC是一个开源项目，旨在使得浏览器能够进行实时音视频通信，而无需安装任何插件。它不仅支持音视频传输，还支持任意数据的点对点传输。基本实现//1.WebRTC连接管理器class
理解JavaScript闭包 abs（） javascript 开发语言 ecmascript
理解JavaScript闭包闭包在JavaScript中可以理解为一个函数“记住”并可以访问它被创建时的环境中的变量，即使这个函数在其他地方被调用。更通俗的例子假设你有一个外公，他有一个秘密花园。外公希望你长大后能记住这个秘密花园的位置，但当他去世后，其他人不知道这个秘密花园在哪里。你可以理解为，你就是一个闭包，记住了外公的秘密花园的位置。function外公的秘密花园(){var秘密花园位置="
使用腾讯云AI代码助手快速实现一个办公AI助手星释编程实践腾讯云AI代码助手
使用腾讯云AI代码助手快速实现一个办公AI助手作品简介这是一个基于Vue.js和TDesign的AI聊天演示项目，旨在为用户提供便捷的办公交流体验。技术架构本项目采用了前端框架Vue.js结合TDesign组件库进行开发，同时集成了相关的AI聊天功能模块。实现过程开发环境、开发流程开发环境：Node.js版本v18+开发流程：克隆项目代码。在项目根目录下运行npmi安装依赖。运行npmrundev
作为一名Flutter开发，我骗老板我会前端，她竟然要给我升职加薪星释 FlutterWeb实战前端 flutter
起始那天，办公室的气氛突然凝固，老板把我叫进她的办公室，眼中带着期待，问：“你会前端吗？”这句话简单，但我知道背后暗藏玄机。我愣了一下，脑海一片空白，内心像是被投进了一颗巨石，掀起层层涟漪。我呢喃了一声：“会一点。”然而，这话对我来说却显得虚假。毕竟，我只是一个App开发，至于前端,我完全不知。老板的眼睛立刻亮了起来，笑容灿烂：“那太好了！公司现在缺前端，你顶上吧！”她笑着拍了拍我的肩膀，转身离开
为什么你的网站总是有安全漏洞 16年上任的CTO 网络安全安全漏洞网络安全 web安全安全性测试前端服务器
目录一、什么是安全漏洞二、安全漏洞的一般表象1.网站瘫痪2.链接指向篡改3.数据篡改4.挂入黑链5.信息泄露6.横向攻击7.流量损耗8.其他现象三、造成安全漏洞的原因1.SQL注入漏洞2.验证码前端校验3.表单重复提交4.文件上传格式校验不合格5.第三方框架的固有漏洞6.密码缺省7.端口开放太多8.Options不过滤9.XSS，CSRF漏洞10.X-Frame-Options劫持11.HTTP获
前端面试题-手写篇-万字长文！前端Jason 面试前端面试前端面试
1.手写实现EventBus实现一个简单的EventBus（事件总线）可以让我们在不同的组件或模块之间进行事件驱动的通信。下面是一个用JavaScript手写实现EventBus的基本例子：classEventBus{constructor(){this.events={};//存储事件名与对应的监听器}//注册事件监听器on(event,listener){if(!this.events[eve
使用 MySQL 从 JSON 字符串提取数据 m0_74825678 面试学习路线阿里巴巴 mysql json oracle
使用MySQL从JSON字符串提取数据在现代数据库管理中，JSON格式因其灵活性而广泛使用。然而，当数据存储在JSON中时，我们经常需要将其转换为更易于处理的格式。本篇文章将通过一个具体的SQL查询示例，展示如何从存储在MySQL中的JSON字符串提取数据并重新格式化。1.背景知识JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器
HarmonyOS 开发实践——基于设置应用的应用权限、通知设置跳转六号嘉宾鸿蒙开发移动开发 HarmonyOS harmonyos 架构 ui 鸿蒙鸿蒙系统移动开发鸿蒙开发
往期学习笔录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述引导用户跳转到系统设置页进行权限，通知
个人职业发展与AI赋能的前端开发前端
在瞬息万变的科技浪潮中，个人职业发展显得尤为重要。对于前端开发者而言，如何提升自身竞争力，适应日新月异的技术革新，是持续关注的核心问题。而近年来，人工智能（AI）技术的飞速发展，特别是AI代码生成器的兴起，正深刻地改变着前端开发的格局，为开发者们提供了前所未有的机遇。本文将以ScriptEcho为例，探讨AI技术如何赋能前端开发，助力个人职业发展。市场趋势与个人技能提升当前市场对前端开发人才的需求
HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript 2401_89790869 html 课程设计 css
href=“https://y.qq.com/n/ryqq/playlist/7772849553”>好评999+英文歌！轻松解压100％播放量：2.8亿扎心情歌丨爱到最后终是空欢喜播放量：510.4万如果词不达意就把爱藏心里播放量：1645.7万深情片段：深夜我还是会想起你播放量：2663.8万href=“https://y.qq.com/n/ryqq/playlist/7537828
ReactNative进阶（三十五）：应用脚手架 Yo 构建 RN 页面_reactnative 脚手架 2401_84438654 程序员 react native arcgis react.js
算法冒泡排序选择排序快速排序二叉树查找:最大值、最小值、固定值二叉树遍历二叉树的最大深度给予链表中的任一节点，把它删除掉链表倒叙如何判断一个单链表有环由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】sudo
web前端常见的面试题总结 2401_84436095 程序员前端
script.src=url+‘?’+data+‘callback=’+funcNamedocument.body.appendChild(script);//这里得到请求的数据，在回调函数中执行处理window[funcName]=function(data){callback(data)}}//使用jsonp(‘http:127.0.0.1:3000/api’,{},function(res)
小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
用JavaScript实现找不同小游戏算是难了 javascript 开发语言前端 websocket
目录倒计时的实现找不同实现对canvas的初始化实现画布的分割,父盒子>子盒子>canvas找不同逻辑的判断实现图片的导入DOM节点的监听声明两个需要监听的节点禁用页面点击事件的函数DOM监听实现勋章分数增加和生命的减少减命逻辑死亡响应websocket交互定义给后端发送的数据包断线重连最后,调用封装好的websocket创建初始之物，其行必丑代码写的非常繁琐,有很多细节在复盘的时候也会想不起来为
前端如何实现分页忆宸_1 js 前端 js
前言虽然在实际开发中，大多数分页都是由后端处理，但还是有小部分场景需要前端来实现分页。实现并不难，仅作为记录，方便下次拿来直接使用。准备数据源数据源可以是从后端获取的数据列表，也可以是前端模拟的数据集。将数据源格式处理成数组即可。//模拟50条数据constlist=Array.from({length:50},(_,index)=>`Item${index+1}`);计算总页数计算总页数需要知道
arcgis for JavaScript入门篇五彩斑斓黑123 arcgis for javascript arcgis javascript 开发语言
介绍ArcGISforJavaScript是一种基于Web的地图开发解决方案，由ESRI公司开发。它允许开发人员在Web应用程序中嵌入交互式地图，并使用JavaScript编写地图应用程序。ArcGISforJavaScript提供了许多功能强大的API和工具，使开发人员能够创建高度定制的地图应用程序。它支持各种地图数据源，包括ESRI的ArcGISOnline服务、第三方地图服务、以及开发人员自
JSONObject解析数据库Date类型报错问题知忆_IS 数据库 java database postgresql
JSONObject解析数据库Date类型报错问题最近项目在写服务器后端查询空间数据的接口时，由于表结构不一致，直接写了一个通用函数用json储存数据库中查询的结果，然而今天前端查询一个表的时候无法查到相应的结果，查了一下代码发现爆了如下错误。报错：Causedby:java.lang.IllegalArgumentExceptionatjava.sql.Date.getHours原因是该表中存在
UniCloud 完整入门指南九情丶 uni-app 前端
UniCloud完整入门指南目录什么是UniCloud为什么选择UniCloud快速开始基础概念核心功能最佳实践常见问题高级功能详解开发工具部署和运维最新特性和更新什么是UniCloudUniCloud是DCloud推出的基于serverless模式和js编程的云开发平台。它让不会后端的前端工程师可以快速完成整栈开发，让开发者专注于业务实现，而无需关心服务器运维等繁琐事务。主要特点基于server
ArcGIS API for JavaScript获取和配置-ArcGIS Web 开发学习（一）大海上飞翔 ArcGIS Web API javascript arcgis
ArcGISAPIforJavaScript获取和配置最近开始学习WebGIS开发，刚一接触就很是让人恼火，第一个问题就是：ArcGISAPIforJavaScript库和SDK的获取。（1）我直接访问的是ARCGIS的资源中心：http://resources.arcgis.com/zh-cn/home/，点击JavaScript，出现以下页面：https://developers.arcg
服务端渲染（SSR）与客户端渲染（CSR）详解创意锦囊前端
1.背景与概念在早期Web时代，网页主要是静态HTML页面，用户点击链接后会刷新整个页面。随着网络与前端技术的发展，人们开始追求更好的页面性能与用户体验，尤其是在移动端和实时交互场景下，对于页面加载速度的要求不断提升。渲染是指如何将数据转换成可视化的页面输出给用户。渲染策略的不同主要体现在在哪个环节完成页面DOM结构的组装：服务端渲染（SSR，Server-SideRendering）：在服务器将
使用缓存保存验证码进行登录校验记得开心一点嘛 JavaWeb后端开发技术栈高并发处理缓存后端 redis springboot
在SpringBoot项目中使用Redis进行登录校验，一般的做法是将用户的登录状态（例如，JWT令牌或者用户信息）存储在Redis中，并在后续请求中进行校验。我们需要建立两个拦截器：RefreshTokenInterceptor+LoginInterceptor，它们分别拦截全部路径和拦截需要登录的路径：首先我们需要将这个token从前端进行获取，随后在Redis缓存中查询是否有该用户的toke
UniApp + UniCloud 实现微信小程序静默登录九情丶 uni-app 微信小程序 notepad++
UniApp+UniCloud实现微信小程序静默登录目录1.项目准备2.UniCloud配置3.前端实现4.云函数实现5.完整示例1.项目准备1.1环境要求HBuilderX3.0+微信开发者工具UniCloud已开通微信小程序已注册1.2项目配置在manifest.json中配置微信小程序AppID：{"mp-weixin":{"appid":"你的小程序AppID","setting":{"u
微信 PC 版 4.0：新架构，新升级创意锦囊微信架构
探索微信PC版4.0：新架构带来的革命性升级微信在2023年底推出了PC客户端4.0测试版，引入了全新的QT+C++原生跨平台架构。这次架构重构标志着微信在桌面端从传统的WebView技术迈向更现代化、高性能的原生技术基础，带来了显著的功能升级和用户体验优化。从旧到新：架构大变革旧架构：WebView+JavaScript微信旧版PC客户端主要依赖WebView技术，通过HTML、CSS和Java
商品详情页面html,div+css+JQuery仿京东商品详情界面 L相好商品详情页面html
【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──
射频框架 YOYO--小天计算机硬件
版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：关于射频————————————————版权声明：本文为CSDN博主「gecko001」的原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/gecko001/article/details/86569912RF前端
实现音乐播放器实现:前端HTML，CSS，JavaScript综合大项目（java实战）用心去追梦前端 html css
创建一个音乐播放器项目，使用HTML、CSS和JavaScript作为前端技术栈，并结合Java后端（如果需要），可以是一个很好的实战项目。这个项目不仅能够帮助你掌握前端开发技能，还能让你了解如何与后端交互来获取数据。下面是实现这样一个音乐播放器项目的步骤指南，包括了从规划到部署的各个方面。1.项目规划规划功能基本功能播放/暂停按钮。音量控制。进度条。歌曲列表显示。高级功能随机播放。列表循环。搜索
盘点原生JavaScript中直接触发事件的方式 javascript
JavaScript提供了多种方式来直接触发事件，无论是在用户交互、程序逻辑处理或是数据更新时。本文将全面探讨原生JavaScript中各种事件触发方式，并通过深入的技术案例分析，帮助开发者掌握这些方法在实际开发中的应用。使用dispatchEvent原生JavaScript中触发事件的核心方法是dispatchEvent。这个方法允许开发者为任何DOM元素触发几乎任何类型的事件，包括但不限于点击
圈子系统如何实现生成海报功能，前后端协同工作前端
圈子系统通常指的是社交平台或论坛中的一种功能模块，用于创建和管理兴趣小组或讨论群组。以下是对圈子系统的详细解释：一、前端实现前端主要负责海报的生成和展示。这通常通过HTML5的CanvasAPI或类似的图形库来实现。创建Canvas元素：在HTML中创建一个Canvas元素，用于绘制海报。获取Canvas上下文：使用getContext('2d')方法获取Canvas的2D绘图上下文，以便进行绘制
2025年个人博客网站-零成搭建-终极指南 Ktovoz 经验分享前端 react
作者:KTO原文:《零成本博客建站终极指南》如果你需要站立自己的博客网可以参考本文。背景故事在接触前端领域之前,我和许多刚入门前端的新手一样，面对纷繁复杂的技术栈选择陷入迷茫,不知道从何下手。最初雄心勃勃想用Next.js从零搭建博客，却在实战中屡屡碰壁。最终找到「模板先行，逐步精进」的破局之道："先有后优"原则：通过成熟模板快速搭建可运行版本➡️持续迭代优化➡️渐进式学习技术细节本文将分享这一方
Python爬虫天气预报（小白入门）(1) 2401_84009993 程序员 python 爬虫开发语言
首先来到目标数据的网页http://www.weather.com.cn/weather40d/101280701.shtml中国天气网我们可以看到，我们需要的天气数据都是放在图表上的，在切换月份的时候，发现只有部分页面刷新了，就是天气数据的那块，而URL没有变化。这是因为网页前端使用了JS异步加载的技术，更新时不用加载整个页面，从而提升了网页的加载速度。对于这种非静态页面，我们在请求数据时，就不
java数字签名三种方式知了ing java jdk
以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
Hibernate学习笔记 caoyong Hibernate
1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境 a>、添加jar包: aa>、hibernatte开发包中/lib/required/所
设计模式之装饰器模式Decorator（结构型）漂泊一剑客 Decorator
1. 概述若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
读取磁盘文件txt，并输入String 一炮送你回车库 String
public static void main(String[] args) throws IOException { String fileContent = readFileContent("d:/aaa.txt"); System.out.println(fileContent);
js三级联动下拉框 3213213333332132 三级联动
//三级联动省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
erlang之parse_transform编译选项的应用 616050468 parse_transform 游戏服务器属性同步 abstract_code
最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
JAVA JSON的解析 darkranger java
// { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
POJ-1273-Drainage Ditches aijuans ACM_POJ
POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
工作流Activiti5表的命名及含义 atongyeye 工作流 Activiti
activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。第二部分是表示表的用途的两个字母标识。用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。这个前缀的表包含了流程定义和流程静态资源（图片，规则，等等）。 A
android的广播机制和广播的简单使用百合不是茶 android 广播机制广播的注册
Android广播机制简介在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
Spring事务传播行为详解 bijian1013 java spring 事务传播行为
在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。 Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
eidtplus operate 征客丶 eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
【Kafka一】Kafka入门 bit1129 kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
Spring 事务实现机制 BlueSkator spring 代理事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrap dropdown
bootstrap-dropdown组件是个烂东西，我读后的整体感觉。一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
常用代码记录 chenjunt3 UI Excel J#
1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想) -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
oracle Health Monitor daizj oracle Health Monitor
About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
JSON字符串转换为对象 dieslrae java json
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
vagrant学习笔记 dcj3sjt126com vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant 1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads 查看安装在命令行输入vagrant 2.
14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
1.Tomcat线程池修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
一个不错的shell 脚本教程入门级 HarborChung linux shell
一个不错的shell 脚本教程入门级建立一个脚本　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。　　如同其他语言一样
Spring4新特性——核心容器的其他改进 jinnianshilongnian spring 动态代理 spring4 依赖注入
Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API Spring4新
Linux设置tomcat开机启动 liuxingguome tomcat linux 开机自启动
执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
第13章 Ajax进阶（下） onestopweb Ajax
index.html <!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/
Troubleshooting Crystal Reports off BW blueoxygen BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE Quite useful, especially this part: SAP BW connectivity For t
Java开发熟手该当心的11个错误 tomcat_oracle java jvm 多线程单元测试
#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目可以在属性文件中配置，那么使它成为
正则表达式大全 yang852220741 html 编程正则表达式
今天向大家分享正则表达式大全，它可以大提高你的工作效率正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。一、校验数字的表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$