JQuery对象函数

1、JQuery对象函数写法格式

简单示例:

main代表对象名,main.roleName = (function () { return $(‘#RoleName‘).val();})();表示为对象的roleName属性赋值。

 1 $(document).ready(function () {
 2 MainManager.init();
 3 });
 4
 5 var MainManager = window.MainManager = {};
 6
 7 (function (main) {
 8 main.init = function () {
 9 this.roleName();
10 }
11
12 main.roleName = (function () {
13 return $(‘#RoleName‘).val();
14 })();
15
16 })(MainManager);

实例:

注意下面下拉列表写法格式,有多种情况可以借鉴,

  1 $(document).ready(function () {
  2     MainManager.init();
  3 });
  4
  5 var MainManager = window.MainManager = {};
  6
  7
  8 (function (main) {
  9     main.init = function () {
 10         this.bindBtnSearch();
 11         this.bindBtnClear();
 12         this.initSearchCombo();
 13         this.initGirdMain();
 14     }
 15
 16
 17
 18     main.roleName = (function () {
 19         return $(‘#RoleName‘).val();
 20     })();
 21
 22     main.commType = (function () {
 23         return $(‘#frmSearch #CommType‘).val();
 24     })();
 25
 26
 27     main.initSearchCombo = function () {
 28         var frmSearch = $(‘#frmSearch‘);
 29         frmSearch.find(‘#Fstatus‘).first().combobox({
 30             valueField: ‘CodeNO‘,
 31             textField: ‘CodeName‘,
 32             panelHeight: ‘auto‘,
 33             data: [
 34              { CodeNO: ‘‘, CodeName: ‘--全部--‘ },
 35              { CodeNO: 3, CodeName: ‘已保存‘ },
 36              { CodeNO: 0, CodeName: ‘待审核‘ },
 37              { CodeNO: 1, CodeName: ‘已审核‘ },
 38              { CodeNO: 2, CodeName: ‘已关闭‘ }
 39             ]
 40         });
 41
 42         //下拉列表
 43         frmSearch.find(‘#FranchiseeNO‘).first().combotree({
 44             panelWidth: 330,
 45             panelHeight: 230,
 46             valueField: ‘id‘,
 47             textField: ‘text‘,
 48             url: ‘/v_JM_Franchisee/GetFranchiseeListData‘,
 49             onLoadSuccess: function (node, data) {
 50                 var rowCount = data.length;
 51                 if (rowCount > 0) {
 52                     $(‘#frmSearch #FranchiseeNO‘).combotree("setValue", data[0].id);
 53                 }
 54                 if ((data.length === 1) && (data[0].children == null)) {
 55                     $(‘#frmSearch #FranchiseeNO‘).combotree(‘disable‘);
 56                 };
 57             },
 58             method: ‘post‘,
 59             editable: true
 60         });
 61
 62         frmSearch.find(‘#CityID‘).first().combobox({
 63             url: ‘/area/getCitiesEnable‘,
 64             valueField: ‘RegionID‘,
 65             textField: ‘Name‘
 66         });
 67
 68         $("#frmSearch #DeptID").combotree({
 69             panelWidth: ‘230‘,
 70             panelHeight: ‘390‘,
 71             valueField: ‘id‘,
 72             textField: ‘text‘,
 73             url: ‘/SYS_Department/GetAllSYS_DepartmentByTree?_=‘ + (new Date()).valueOf(),
 74             editable: false
 75         });
 76     }
 77
 78     //绑定查询按钮
 79     main.bindBtnSearch = function () {
 80         $(‘#frmSearch #btnSearch‘).bind(‘click‘, function () {
 81             if (!$("#frmSearch").form(‘validate‘)) return;
 82             main.queryGridMain(form2Json("frmSearch"));
 83         });
 84     }
 85
 86     //绑定清空按钮
 87     main.bindBtnClear = function () {
 88         $(‘#frmSearch #btnClear‘).first().bind(‘click‘, function () {
 89             var frmSearch = $(‘#frmSearch‘);
 90             frmSearch.form(‘clear‘);
 91
 92             var $franchiseeno = $(‘#frmSearch #FranchiseeNO‘);
 93             var $tree = $franchiseeno.combotree(‘tree‘);  // 获取数据表格对象
 94             var root = $tree.tree("getRoot");
 95             $franchiseeno.combotree(‘setValue‘, root.id);
 96
 97             $("#frmSearch #Fstatus").combobox("setValue", "");
 98
 99             frmSearch.find(‘#btnSearch‘).first().trigger(‘click‘);
100         });
101     }
102
103
104     main.initGirdMain = function () {
105         var config = Util.getBasicConfig();
106         var queryModel = form2Json("frmSearch");
107         $.extend(config, {
108             url: ‘/ReceiveContract/ReceiveContract/GetAllReceiveContract‘,
109             queryParams: queryModel,
110             sortName: "CreateDate",
111             sortOrder: "desc",
112             onDblClickRow: function (rowIndex, rowData) {
113                 MainManager.editContract();
114             },
115             columns: [
116               [
117                   {
118                       field: "Fstatus", title: "审核状态", width: 80, align: "center", sortable: true,
119                       formatter: function (value, rows) {
120                           switch (value) {
121                               case 2:
122                                   return "<strong style=‘color:darkgray;‘>已关闭</strong>";
123                               case 0:
124                                   return "<strong style=‘color:rosybrown;‘>未审核</strong>";
125                               case 1:
126                                   return "<strong style=‘color:green;‘>已审核</strong>";
127                               case 3:
128                                   return "<strong style=‘color:red;‘>已保存</strong>";
129                               default:
130                                   return "--";
131                           }
132                       }
133                   },
134
135                   { field: "FContractNo", title: "编号", width: 90, align: "center", sortable: true }
136
137               ]
138             ]
139         });
140         var toolList = [
141                 {
142                     id: ‘btnAdd‘, text: ‘添加‘, iconCls: ‘icon-add‘,
143                     handler: function () { MainManager.addContract(); }
144                 }
145         ];
146         config.toolbar = toolList;
147
148         $(‘#gridMain‘).datagrid(config);
149     }
150
151
152     //新增
153     main.addContract = function () {
154         $(‘#winEdit‘).window({
155             height: Math.min($(window).height() * 0.9, 820),
156             onLoad: function () {
157                 EditManager.initAdd();
158             },
159             onClose: function () {
160                 delete EditManager;
161             },
162             title: ‘新增‘,
163             iconCls: ‘icon-add‘
164         });
165         $(‘#winEdit‘).window(‘center‘);
166         $(‘#winEdit‘).window(‘open‘);
167         $(‘#winEdit‘).window(‘refresh‘, ‘/ReceiveContract/ReceiveContract/EditContract?_=‘ + (new Date()).valueOf());
168     }
169 })(MainManager);

原文地址:https://www.cnblogs.com/MirZhai/p/10057120.html

时间: 2024-10-28 23:43:18

JQuery对象函数的相关文章

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

jQuery源码分析-03构造jQuery对象-源码结构和核心函数

3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.

JavaScript之jQuery-9 jQuery 开发插件(添加新全局函数、添加jQuery对象方法、添加新简写方法、方法参数)

一.添加新的全局函数 全局函数 - 全局函数,实际上就是jQuery对象的方法,从实践角度看,它们是位于jQuery命名空间内部的函数 - jQuery内置的某些功能是通过全局函数实现的 - $.ajax()函数就是典型的全局函数 - 向jQuery命名空间添加一个函数,只需要将这个新函数指定为jQuery的一个属性值   - 如果要使用该全局函数时,可通过一下代码调用 - 也可以通过别名来调用 添加多个函数 - 如果我们想在插件中提供多个全局函数,可以独立的声明这些函数   - 还可以使用$.

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascript开发 jQuery能做的javascript都能做到,而JavaScript能做的事情,jQuery不一定能做到 jQuery文件的引入 <body> <div class="box"></div> <!--引包(引入jquery库)-->

jQuery.noConflict() 函数详解

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的.由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库. 不过,其他JS库也可能使用变量$来进行操作,例如Prototype库.这个时候两个库可能会由于变量$的控制权问题而发生冲突. 此时,你可以使用该函数

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用