FineUI初學手冊 部分JS整理

2021-09-29 19:43:05 字數 4934 閱讀 5008

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

設定控制項的值

表單元素

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

settext

f('button1').settext('顯示文字');(f_settext重寫的方式不一樣 by @長沙-雛鳥 )

設定按鈕的文字

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 () );

})直接設定屬性,這裡只涉及的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();

跟具座標編輯的單元格

grid

setactivetab 

(f_setactivetab 這個方法取 f_stat[activetabindex]e)

f(tab).setactivetab(index);

通過index啟用頁籤

tabf_getactivetabindex

f(tab).f_getactivetabindex();

得到當前啟用的頁籤號

tabhidetab

f(tab).hidetab(tabid);

隱藏選項卡 選項卡id

tabshowtab

f(tab).showtab(tabid);

顯示選項卡 選項卡id

tabaddtab

f(tab).addtab(id, url, title, closable);

新增選項卡 選項卡id,位址,名稱,是否關閉?

tabgettab

f(tab).gettab(tabid);

得到選項卡 id

tabremovetab

f(tab).removetab(tabid);

移除選項卡 id

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

再補充一次,與fineui相關的js要放在下面

初學Linux的部分命令

cd 空格 檔名 切換到此目錄下 cd 空格 檔名 家目錄下切換目錄 mkdir 目錄名 建立目錄 mkdir p 目錄名 如mkdir p a1 a2 建立多層目錄 rmdir 目錄名 刪除目錄 rm r 目錄名 刪除多層目錄 可同時刪除多個 如rm r a b c 刪除a b c三個多層目錄 r...

Transact SQL小手冊,適合初學者

http dev.csdn.net develop article 25 25760.shtm選擇自myclife的blog transact sql 語句 功能 資料操作 select 從表中檢索資料行和列 insert 向資料庫表新增新資料行 delete 從資料庫表中刪除資料行 update ...

初學Log4J 配置檔案

log4j.properties配置檔案講解如下 log4j中有五級logger fatal 0 error 3 warn 4 info 6 debug 7 配置根logger,其語法為 log4j.rootlogger info,a1 r 這一句設定以為著所有的log都輸出 如果為log4j.ro...