FineUI開源版（ASP.Net）初學手冊-部分JS整理

 

 有人老找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>下面