JQuery对象函数
1、JQuery对象函数写法格式
简单示例:
main代表对象名,main.roleName = (function () { return $('#RoleName').val();})();表示为对象的roleName属性赋值。
$(document).ready(function () {
MainManager.init();
});
var MainManager = window.MainManager = {};
(function (main) {
main.init = function () {
this.roleName();
}
main.roleName = (function () {
return $('#RoleName').val();
})();
})(MainManager);
实例:
注意下面下拉列表写法格式,有多种情况可以借鉴,
$(document).ready(function () {
MainManager.init();
});
var MainManager = window.MainManager = {};
(function (main) {
main.init = function () {
this.bindBtnSearch();
this.bindBtnClear();
this.initSearchCombo();
this.initGirdMain();
}
main.roleName = (function () {
return $('#RoleName').val();
})();
main.commType = (function () {
return $('#frmSearch #CommType').val();
})();
main.initSearchCombo = function () {
var frmSearch = $('#frmSearch');
frmSearch.find('#Fstatus').first().combobox({
valueField: 'CodeNO',
textField: 'CodeName',
panelHeight: 'auto',
data: [
{ CodeNO: '', CodeName: '--全部--' },
{ CodeNO: 3, CodeName: '已保存' },
{ CodeNO: 0, CodeName: '待审核' },
{ CodeNO: 1, CodeName: '已审核' },
{ CodeNO: 2, CodeName: '已关闭' }
]
});
//下拉列表
frmSearch.find('#FranchiseeNO').first().combotree({
panelWidth: 330,
panelHeight: 230,
valueField: 'id',
textField: 'text',
url: '/v_JM_Franchisee/GetFranchiseeListData',
onLoadSuccess: function (node, data) {
var rowCount = data.length;
if (rowCount > 0) {
$('#frmSearch #FranchiseeNO').combotree("setValue", data[0].id);
}
if ((data.length === 1) && (data[0].children == null)) {
$('#frmSearch #FranchiseeNO').combotree('disable');
};
},
method: 'post',
editable: true
});
frmSearch.find('#CityID').first().combobox({
url: '/area/getCitiesEnable',
valueField: 'RegionID',
textField: 'Name'
});
$("#frmSearch #DeptID").combotree({
panelWidth: '230',
panelHeight: '390',
valueField: 'id',
textField: 'text',
url: '/SYS_Department/GetAllSYS_DepartmentByTree?_=' + (new Date()).valueOf(),
editable: false
});
}
//绑定查询按钮
main.bindBtnSearch = function () {
$('#frmSearch #btnSearch').bind('click', function () {
if (!$("#frmSearch").form('validate')) return;
main.queryGridMain(form2Json("frmSearch"));
});
}
//绑定清空按钮
main.bindBtnClear = function () {
$('#frmSearch #btnClear').first().bind('click', function () {
var frmSearch = $('#frmSearch');
frmSearch.form('clear');
var $franchiseeno = $('#frmSearch #FranchiseeNO');
var $tree = $franchiseeno.combotree('tree'); // 获取数据表格对象
var root = $tree.tree("getRoot");
$franchiseeno.combotree('setValue', root.id);
$("#frmSearch #Fstatus").combobox("setValue", "");
frmSearch.find('#btnSearch').first().trigger('click');
});
}
main.initGirdMain = function () {
var config = Util.getBasicConfig();
var queryModel = form2Json("frmSearch");
$.extend(config, {
url: '/ReceiveContract/ReceiveContract/GetAllReceiveContract',
queryParams: queryModel,
sortName: "CreateDate",
sortOrder: "desc",
onDblClickRow: function (rowIndex, rowData) {
MainManager.editContract();
},
columns: [
[
{
field: "Fstatus", title: "审核状态", width: 80, align: "center", sortable: true,
formatter: function (value, rows) {
switch (value) {
case 2:
return "<strong style='color:darkgray;'>已关闭</strong>";
case 0:
return "<strong style='color:rosybrown;'>未审核</strong>";
case 1:
return "<strong style='color:green;'>已审核</strong>";
case 3:
return "<strong style='color:red;'>已保存</strong>";
default:
return "--";
}
}
},
{ field: "FContractNo", title: "编号", width: 90, align: "center", sortable: true }
]
]
});
var toolList = [
{
id: 'btnAdd', text: '添加', iconCls: 'icon-add',
handler: function () { MainManager.addContract(); }
}
];
config.toolbar = toolList;
$('#gridMain').datagrid(config);
}
//新增
main.addContract = function () {
$('#winEdit').window({
height: Math.min($(window).height() * 0.9, 820),
onLoad: function () {
EditManager.initAdd();
},
onClose: function () {
delete EditManager;
},
title: '新增',
iconCls: 'icon-add'
});
$('#winEdit').window('center');
$('#winEdit').window('open');
$('#winEdit').window('refresh', '/ReceiveContract/ReceiveContract/EditContract?_=' + (new Date()).valueOf());
}
})(MainManager);
JQuery对象函数的更多相关文章
- jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器
点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...
- jQuery1.11源码分析(9)-----初始化jQuery对象的函数和关联节点获取函数
这篇也没什么好说的,初始化jQuery对象的函数要处理多种情况,已经被寒冬吐槽烂了.关联节点获取函数主要基于两个工具函数dir和sibling,前者基于指定的方向遍历,后者则遍历兄弟节点(真的不能合并 ...
- jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换
JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascri ...
- jQuery源码分析-03构造jQuery对象-源码结构和核心函数
3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构 ...
- JQuery语法 JQuery对象与原生对象互转 文档就绪函数与window.onload的区别
[JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action(); ① ...
- jquery对象与核心函数
原生js入口函数与jQuery入口函数的区别 1.window.onload与document.ready在加载时间上的差异 document.ready会先触发,其次才是window.onload ...
- 【转】jQuery源码分析-03构造jQuery对象-源码结构和核心函数
作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 毕竟是边读边写,不对的地方请告诉我,多多交流共同进步.本章还未写完,完了会提交PDF. 前记: 想系 ...
- jquery 源码学习(四)构造jQuery对象-工具函数
jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原 ...
- jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、
this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload === $(document).ready(); $(“”):获取元素 标 ...
随机推荐
- 深入理解基于selenium的二次开发
对于做web端自动化测试的人来说,可能接触selenium比QTP还要多,但是我们在做基于selenium的二次开发的时候,经常会说到二次开发是为了易于维护,很多人可能不懂得维护的价值是什么,和到底要 ...
- Springboot 配置文件加解密
功能介绍 在Spring boot开发过程中,需要在配置文件里配置许多信息,如数据库的连接信息等,如果不加密,传明文,数据库就直接暴露了,相当于"裸奔"了,因此需要进行加密处理才行 ...
- 分享一个jquery插件,弥补一下hover事件的小小不足
hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件 应该设置一个时差来控制hover事件的触发 比如jd左边的菜单 你 ...
- JS表单常见表达式(正则)
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$". 只能输入n位的数字:"^\d{n}$". 只能输入至少n ...
- 记录一些sql,怕忘了
SELECT business_line,count(*) FROM zc_db.t_bug group by business_line; 这个是展示的,显示某一项一共有多少个xxx,注意是grou ...
- GridEh Lookup
Flexible adjustment of a lookup inplace editor 没有输入拼音码搜索功能. Drop-Down Forms 这个比较符合中国人的习惯,搜索框,不错,点下来箭 ...
- web.xml中配置spring.xml的三种方式
我们知道spring在web.xml中可以有三种方式来配置其xml路径:org.springframework.web.servlet.DispatcherServletorg.springframe ...
- 小学生福利V2.0.1
211606320刘佳&211506332熊哲琛 一.预估与实际 PSP2.1 Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟) Plann ...
- iOS load和initialize的区别
可能有些还不清楚load和initialize的区别,下面简单说一下: 首先说一下 + initialize 方法:苹果官方对这个方法有这样的一段描述:这个方法会在 第一次初始化这个类之前 被调用,我 ...
- python爬虫如何POST request payload形式的请求
python爬虫如何POST request payload形式的请求1. 背景最近在爬取某个站点时,发现在POST数据时,使用的数据格式是request payload,有别于之前常见的 POST数 ...