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(); $(“”):获取元素 标 ...
随机推荐
- linux上安装oracle
Linux上安装Oracle 10g: http://69520.blog.51cto.com/59520/91156
- python3操作MySQL数据库
安装PyMySQL 下载地址:https://pypi.python.org/pypi/PyMySQL 1.把操作Mysql数据库封装成类,数据库和表先建好 import pymysql.cursor ...
- echarts x轴文字显示不全(解决方案)
echarts x轴标签文字过多导致显示不全 如图: 解决办法1:xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置.(当然yAxis ...
- FluentValidation 模型验证
FluentValidation 是 .NET 下的模型验证组件,和 ASP.NET MVC 基于Attribute 声明式验证的不同处,其利用表达式语法链式编程,使得验证组件与实体分开.正如 Flu ...
- Ice_cream’s world II(最小树形图,加虚点)
Ice_cream’s world II http://acm.hdu.edu.cn/showproblem.php?pid=2121 Time Limit: 3000/1000 MS (Java/O ...
- 综合:bool类型 命名空间 输入输出
----------siwuxie095 题目要求: 使用一个函数找出一个整型数组中的最大值或最小值 注意: 1.直接书写 cin cout endl, ...
- static变量和static函数
在C语言编程中,static的一个作用是信息屏蔽! 比方说,你自己定义了一个文件 -- 该文件中有一系列的函数以及变量的声明和定义! 你希望该文件中的一些函数和变量只能被该文件中的函数使用,那么,你可 ...
- Criterion - 一个简单可扩展的 C 语言测试框架
A dead-simple, yet extensible, C test framework. Philosophy Most test frameworks for C require a lot ...
- QTcpSocket-Qt使用Tcp通讯实现服务端和客户端
版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:QTcpSocket-Qt使用Tcp通讯实现服务端和客户端 本文地址:https:// ...
- [Tools]SurveyMonkey
做问卷调查,推荐一个好工具,免费的 SurveyMonkey : it's free, quick & easy! https://www.surveymonkey.com/