有人老找JS,我吧FineUI自己写的JS沾过来方便大家看看,在实现前端的时候更灵活

 

JS 实例 注释 控件
F.ready F.ready(function(){}); 就是ready 很多方法都在这里写,写在页面后
F.alert  F.alert('提示') FineUI 的提示框
F.confirm  confirm: function (targetName, title, msg, okScript, cancelScript, iconShortName) { 确认对话框
F.customEvent F.customEvent(data)

向后台回发 参数为数据 用PageManager接收 ,

子页面回发父页面就是parent.F.customEvent(参数)

通用
F('ID')   选择器,返回控件实例
f_setTitle F('Panel1').f_setTitle('新的标题')(f_setTitle没有效果就用setTitle) 设置控件的title 需要 this.f_state['Title']; 通用
f_setCollapse F('Panel1').f_setCollapse(); 控制这折叠 需要 this.f_state['Collapsed']; Panel
f_isCollapsed F('Panel1').f_isCollapsed(); 判断是否折叠 Panel
f_setChecked F('CheckBox').f_setChecked(); 控制选中状态 Checked =true CheckBox
f_setValue

F('text').f_setValue('值') (同理 获取就是getValue注意大小写,注意getValue没有f_,最新的4.2.2没有)

<f:DropDownList runat="server" ID="DropDownList1" FocusOnPageLoad="true">...

<f:Button ID="Button1" Text="选中[可选择项8]" runat="server" OnClientClick="select8()"
                CssClass="marginr">

function select8() {
            F('<% =DropDownList1.ClientID %>').setValue('Value8');
        }

设置控件的值 表单元素
getValue F('DropDownList1').getValue() 返回控件的值 表单元素
enableRegEx F('DropDownList1').enableRegEx=true 启用模糊查询 表单元素
f_setLabel F('text'). f_setLabel('显示值') 设置输入框表单的lable 表单元素
f_getSelectedValues var values = F('CheckboxGroup').f_getSelectedValues(); 返回 CheckboxGroup的值["value1", "value2", "value3"] CheckboxGroup
f_loadData F('ComboBox1').f_loadData(data); 重置 ComboBox1 的数据源 ComboBox
f_getTextByValue F('ComboBox1').f_getTextByValue('值');     通过值获取ComboBox1的显示文字,默认当前数据源 ComboBox
listConfig.maxHeight var t = F('<% = DropDownList1.ClientID %>');
if(t.listConfig){t.listConfig={};}
t.listConfig.maxHeight=100;    
修改下拉框最大高度,设置后生效 ComboBox
setText F('Button1').setText('显示文字');(f_setText重写的方式不一样 By @长沙-雏鸟 )(checkbox的text是setBoxLabel) 设置按钮的文字 Button
f_getData F('Grid1').f_getData() 得到当前表格数据,数据库查询是当前页表格 Grid
f_expandAllRows F('Grid1').f_expandAllRows()  panel 的 展开是 expand 展开所有的行扩展列 Grid
f_collapseAllRows F('Grid1').f_collapseAllRows()  panel 的 折叠是 collapse 隐藏所有的行扩展列 Grid
f_getSelectedCount F('Grid1').f_getSelectedCount() 获取选中的行数,或者单元格数(单元格编辑模式) Grid
f_selectRows F('Grid1').f_selectRows(rows) 选中某些行,默认读取SelectedRowIndexArray数据 Grid
f_selectAllRows F('Grid1').f_selectAllRows() 选中全部行 Grid
f_getSelectedRows F('Grid1').f_getSelectedRows() 获取选中的行 Grid
f_selectCell F('Grid1').f_selectCell() 选中单元格(AllowCellEditing)。默认获取 SelectedCell 数据 Grid
f_getSelectedCell F('Grid1').f_getSelectedCell() 获取选中的单元格(AllowCellEditing) Grid
f_getHiddenColumns F('Grid1').f_getHiddenColumns() 获取隐藏列的名称列表 Grid
f_getColumns F('Grid1').f_getColumns() 获取表格列 Grid
f_deleteSelected F('Grid1').f_deleteSelected() 从Store中删除选中的行(或者单元格) Grid
f_addNewRecord F('Grid1').f_addNewRecord(data,true) 添加一条新纪录 数据,是否显示在最底下 Grid
f_getDeletedRows F('Grid1').f_getDeletedRows() 获取删除的行索引(在原始的列表中) Grid
columns[N].setText F('Grid1').columns[0].setText("就是好") 设置表头显示 Grid
f_getCheckedNodes F('Tree1').f_getCheckedNodes() 获取选中的节点 Tree
f_getSelectedNodes F('Tree1').f_getSelectedNodes() 获取选择的节点 Tree
f_selectNodes F('Tree1').f_selectNodes() 设置选择节点,不接受参数 读SelectedNodeIDArray属性 Tree
parentNode node.parentNode 父节点,是个属性不是个方法,详见下面的实例 Tree
set()

F.ready(function () {
            F('<% =Tree1.ClientID %>').on('checkchange', function (node, checked) {

       //node 当前触发的节点 checked 是否选中
                //父节点选中 注意set方法直接设置属性,而不是checked = true ,set会触发一系列操作
                //这种写法不会触发父节点的选中后台事件,而会触发当前节点的后台事件
                node.parentNode.set("checked", checked);
            });
  })

直接设置属性,这里只涉及的Tree,又让我想到了封装属性,此处有淫笑声

Tree
f_hide F('window1').f_hide() 隐藏(关闭)window  window(通用)
hide F("<%=panelMapMenuP.ClientID %>").hide(); 隐藏panel 通用
f_hide_refresh F('window1').f_hide_refresh() 隐藏刷新window window
f_show F('window1').f_show(iframeUrl, windowTitle, width, height) 显示窗体参数就不说了 window(通用)
show F("<%=panelMapMenuP.ClientID %>").show(); 显示panel 通用
f_maximize F('window1').f_maximize() 设置最大化 window
markInvalid F('<% =TextArea1.ClientID%>').markInvalid("写点啥吧"); 表单字段验证【表单字段验证失败效果by@沈阳-Sunday】 Form
clearInvalid F('<% =TextArea1.ClientID%>').clearInvalid(); 清除表单字段验证失败效果 Form
startDay F('<% =DatePicker1.ClientID%>').startDay = 1; 一周开始时间,0 星期日 1 星期一 ... Form.DatePicker
setFieldLabel F('<% =Label4.ClientID%>').setFieldLabel('11212'); 表单修改Lable Form
completeEdit F(grid).f_cellEditing.completeEdit(); 强制完成正在编辑的单元格 Grid
startEditByPosition F(grid).f_cellEditing.startEditByPosition({row:2,column2}); 跟具坐标编辑的单元格 Grid
setActiveTab
(f_setActiveTab 这个方法取 f_stat[ActiveTabIndex]e)
F(tab).setActiveTab(index); 通过index激活页签 Tab
f_getActiveTabIndex F(tab).f_getActiveTabIndex(); 得到当前激活的页签号 Tab
hideTab F(tab).hideTab(tabId); 隐藏选项卡 选项卡ID Tab
showTab F(tab).showTab(tabId); 显示选项卡 选项卡ID Tab
addTab F(tab).addTab(id, url, title, closable); 新增选项卡 选项卡ID,地址,名称,是否关闭? Tab
getTab F(tab).getTab(tabId); 得到选项卡 ID Tab
removeTab F(tab).removeTab(tabId); 移除选项卡 ID Tab

先收集这些,其他的就是extjs原生的,也有常用的一些方法慢慢加吧用的到的都加上,没有的去extjs api上看吧

再补充一次,与FineUI相关的js要放在</form>下面

FineUI开源版(ASP.Net)初学手册-部分JS整理的更多相关文章

  1. FineUI初学手册-部分JS整理

    有人老找JS,我吧FineUI自己写的JS沾过来方便大家看看,在实现前端的时候更灵活   JS 实例 注释 控件 F.ready F.ready(function(){}); 就是ready 很多方法 ...

  2. FineUI开源版(ASP.Net)开发实践-目录

    点我订阅 目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是 ...

  3. FineUI开源版(ASP.Net)初学手册

    女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http: ...

  4. FineUI开源版之TreeGrid实现

    FineUI开源版是没有树表格的,但是又需要,怎么办呢?在博客园看到一位大大的文章 http://www.cnblogs.com/shiworkyue/p/4211002.html 然后参考,不知道为 ...

  5. FineUI开源版之TreeGrid(修改)

    上篇文章中做了简单实现,但是还是有bug的,还需要在外面写事件的处理,今天又进行修改了. 下面放出代码,同样的  hzh modify标记的就是我进行修改的地方 grid.cs 添加代码 #regio ...

  6. FineUI初学手册

    女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http: ...

  7. FineUI(开源版)v6.0中FState服务器端验证的实现原理

    前言 1. FineUI(开源版)是完整开源,最早发起于 2008-04,下载全部源代码:http://fineui.codeplex.com/ 2. 你可以通过捐赠作者来支持FineUI(开源版)的 ...

  8. FineUI(专业版)v1.2.0 和 FineUI(开源版)v4.1.1 同时发布!

    FineUI(开源版)v4.1.1 (建议所有 v4.x 升级到此版本):http://fineui.com/demo/ +2014-08-15 v4.1.1        -修正Form中表单字段设 ...

  9. FineUI(开源版)v4.2.2发布(8年125个版本,官网示例突破300个)!

    开源版是 FineUI 的基石,从 2008 年至今已经持续发布了 120 多个版本,拥有会员 15,000 多位,捐赠会员达到 1,200 多位.   FineUI(开源版)v4.2.2 是 8 年 ...

随机推荐

  1. 如何理解Unity组件化开发模式

    Unity的开发模式核心:节点和组件,组件可以加载到任何节点上,每个组件都有 gameobject 属性,可以通过这个属性获取到该节点,即游戏物体. 也就是说游戏物体由节点和组件构成,每个组件表示物体 ...

  2. 分享几个写 demo 的思路

    好久没有动笔,最近发现了一个新的写 demo 的思路,非常有意思.仔细一想,自己仿佛积累了不少写 demo 的思路和想法,总结一下,抛砖引玉. 本文所说 demo 主要分以下三种: 本地 demo 外 ...

  3. VS中Debug与Release、_WIN32与_WIN64的区别

    一.Debug与Release 1.  区别 Debug——调试版,生成的.exe中包含很多调试信息,若直接发包,比较大: Release——发布版 2.  如何区分是Debug编译还是Release ...

  4. STM32CubeMX+Keil裸机代码风格(2)

    10.找到STM32cubeMx所建的工程目录,在工程目录的同级目录下新建一个文件夹用来存放自己写的代码 11.用notepad++打开keil的工程文件,在这里的<Group>前面加上 ...

  5. LAMP安装教程

    LAMP环境配置安装注意安装步骤及说明事项. Linux + apache+mysql+php 附件: 1. 访问ftp报错 解决: 关闭selinux vi  /etc/selinux/config ...

  6. 利用正则+requests爬取猫眼电影信息

    import json # from multiprocessing import Pool import requests from requests.exceptions import Reque ...

  7. Vipe-技术选型

    1.AOP,IOC框架-Spring 选择Spring是最不需要考虑的.应该90%以上的JAVA项目都有用Spring. 2.ORM框架-Mybatis Mybatis入门比较简单,并且对SQL语法的 ...

  8. 13.缓存、三级缓存、内存溢出、AsyncTask

    SharePreference工具类 /** * SharePreference封装 * */ public class PrefUtils { public static final String ...

  9. Python中list的删除del&remove小区别

    del删除时候指定下标,remove必须指定具体的值

  10. oo第二单元的自白

    电梯第一次作业 第一次电梯较为简单,主要目的在于初步接触多线程,可以实现一些简单的操作. 在本次作业中,为了更好的了解多线程,我也阅读了一些代码,并据此仿写完成了第一次作业. 根据生产者和消费者的模式 ...