jqwidgets简单技术

var index = parseInt($("#rowindexinput").val());//取文本框的值
var columnindex = $("#columnchooser").jqxDropDownList('getSelectedIndex');//选中的栏位位数

var columndatafield = $("#jqxgrid").jqxGrid('getcolumnat', columnindex).datafield;//取栏位名

if (!isNaN(index)) {//判断是不是整数
$("#jqxgrid").jqxGrid('selectcell', index, columndatafield); //选中指定栏位columndatafield,里的第index个。
}

查询：

renderstatusbar: function (statusbar) {
var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>");

var searchButton = $("<div style='float: left; margin-left: 5px;'><img style='position: relative; margin-top: 2px;' src='../../images/search.png'/><span style='margin-left: 4px; position: relative; top: -3px;'>Find</span></div>");
container.append(searchButton);
statusbar.append(container);
searchButton.jqxButton({ width: 50, height: 20 });
// 点击查询按钮
searchButton.click(function (event) {
var offset = $("#jqxgrid").offset();
$("#jqxwindow").jqxWindow('open');//弹出查询框
$("#jqxwindow").jqxWindow('move', offset.left + 30, offset.top + 30);
});
},

// 设置查询下拉框的属性.
$("#dropdownlist").jqxDropDownList({ autoDropDownHeight: true, selectedIndex: 0, width: 200, height: 23,
source: [
'First Name', 'Last Name', 'Product', 'Quantity', 'Price'
]
});

// find records that match a criteria.
$("#findButton").click(function () {
$("#jqxgrid").jqxGrid('clearfilters');//清空
var searchColumnIndex = $("#dropdownlist").jqxDropDownList('selectedIndex');
var datafield = "";
switch (searchColumnIndex) {
case 0:
datafield = "firstname";
break;
case 1:
datafield = "lastname";
break;
case 2:
datafield = "productname";
break;
case 3:
datafield = "quantity";
break;
case 4:
datafield = "price";
break;
}

var searchText = $("#inputField").val();//去input框的值
var filtergroup = new $.jqx.filter();
var filter_or_operator = 1;
var filtervalue = searchText;
var filtercondition = 'contains';
var filter = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
filtergroup.addfilter(filter_or_operator, filter);
$("#jqxgrid").jqxGrid('addfilter', datafield, filtergroup);
// apply the filters.
$("#jqxgrid").jqxGrid('applyfilters');
});

<div id="jqxwindow">
<div>
Find Record</div>
<div style="overflow: hidden;">
<div>
Find what:</div>
<div style='margin-top:5px;'>
<input id='inputField' type="text" class="jqx-input" style="width: 200px; height: 23px;" />
</div>
<div style="margin-top: 7px; clear: both;">
Look in:</div>
<div style='margin-top:5px;'>
<div id='dropdownlist'>
</div>
</div>
<div>
<input type="button" style='margin-top: 15px; margin-left: 50px; float: left;' value="Find" id="findButton" />
<input type="button" style='margin-left: 5px; margin-top: 15px; float: left;' value="Clear" id="clearButton" />
</div>
</div>
</div>

jqwidgets简单技术相关推荐

用简单技术对老旧照片进行翻新上色
用简单技术对老旧照片进行翻新上色效果示图: 老旧照片的翻新修改,对于PS新手来说有一定的难度,尤其是网上的教程一般来说都是使用颜色蒙版等较为抽象复杂的技术来进行修改的.经过摸索,我发现其实用PS的& ...
指纹识别真安全吗？简单技术处理后橘子皮都能解锁
如今,手机和人们的关系越来越密切,很多个人信息,银行账号,支付应用等都存储或绑定在自己手机上,因此大家对于手机安全性也格外看重.而指纹验证无疑是给我们的个人隐私以及财产安全增加了一道防线.因为将机主的 ...
解析xml文件的几种简单技术
1. 解析xml的几种技术 1.dom4j 2.sax 3.jaxb 4.jdom 5.dom 1.dom4j dom4j是一个Java的XML API,类似于jdom,用来读写XML文件的.dom4 ...
达梦与MYSQL的简单技术对比
达梦数据库管理系统是达梦公司推出的具有完全自主知识产权的高性能数据库管理系统,简称DM,它具有如下特点: 1.通用性达梦数据库管理系统兼容多种硬件体系,可运行于X86.X64.SPARC.POWER ...
简单的java程序代码带注释,Java：基于注释的代码注入的简单技术？
使用反射很容易只使用@Audit注释方法,就像JUnit中的测试运行器一样: public interface Login { void login(String name, String passw ...
Python 千猫图，简单技术满足你的收集控
Python 爬虫 120 例,已完成文章清单 10 行代码集 2000 张美女图,Python 爬虫 120 例,再上征途通过 Python 爬虫,发现 60%女装大佬游走在 cosplay 领域 ...
342.基于高通量技术的微生物组研究实验设计
基于高通量技术的微生物组研究实验设计 --微生物组研究,从方案设计到写作套路(二) 作者:王晓雯凌波微课版本1.0.2,更新日期:2020年9月22日好文章离不开好设计研究第一步就是要结合自己 ...
任正非深度剖析技术差距：我们为何憎恨化学？
文章来源:今日头条.化工技术宝典关于华为芯片难题和华为情结,近日觉得很有必要必须表达点什么,算是纪念2020这个寒冬,以表明国人还是有人是清醒的,哪怕是装睡着,但心中是明白的. 2020年11月10 ...
Java Servlet 技术简介
开始之前关于本教程在您最喜欢的 Web 浏览器中,您所阅读的页面是如何出现的呢?当登录到您最喜欢的 Web 站点时,该 Web 站点如何知道登录的用户是您?而 Web 零售商又如何接受您的在线订购 ...
0.C++之RAII技术解析
1.什么是RAII 技术? 我们在C++中经常使用new申请了内存空间,但是却也经常忘记delete回收申请的空间,容易造成内存泄露,于是RAII技术就诞生了,来解决这样的问题.RAII(Res ...

jqwidgets简单技术

jqwidgets简单技术相关推荐

最新文章

热门文章