- infoOptions如何動態MultiSelect設定?
if (需要設成多選方式) {
$('#dataFormMasterShipAddress').attr('infolight-options', $('#dataFormMasterShipAddress').attr('infolight-options').replace('multiSelect:false', 'multiSelect:true'));
}
else {
$('#dataFormMasterShipAddress').attr('infolight-options', $('#dataFormMasterShipAddress').attr('infolight-options').replace('multiSelect:true', 'multiSelect:false'));
}
$('#dataFormMasterShipAddress').options('initializePanel');
dataFormMasterShipAddress是元件id，請注意修改。 - dataForm各種欄位型態取值的方式?
可參考jquery.infolight.js 搜尋getvalue setvalue//TextBox的抓法
var NextStep = $('#dataFormMasterNextStep').val();//RefVal的抓法 抓ValueMember
var NextStep = $('#dataFormMasterNextStep').refval('getValue');//RefVal的抓法, 抓DisplayMember
var NextStep = $('#dataFormMasterNextStep').refval('selectItem').text;//combobox的抓法
var NextStep = $('#dataFormMasterNextStep').combobox('getValue');//CheckBox的抓法
$('#dataFormMasterNextStep').checkbox('getValue')//ComboGrid的抓法
$('#dataFormMasterNextStep').combogrid('getValue')//DateTimeBox的抓法
$('#dataFormMasterNextStep').datetimebox('getValue')//Options的抓法
$('#dataFormMasterNextStep').options('getValue')//combobox塞值
$('#dataFormMasterNextStep').combobox('setValue'); - checkbox如何增加onChange事件?
var optionspanel = $('#dataFormMasterBitFlag').data("infooptions").panel;$(":radio,:checkbox", optionspanel).click(function () {alert($(this).is(":checked"));});範例中dataFormMasterBitFlag是元件id，alert的內容是true/false如果是editor是Checkbox的話，請使用如下方法：$('#dataFormMasterBitFlag').click(function () {alert($(this).is(":checked"));});可以寫在form的onloadsuccess。 - 如何取得infofileupload上傳時的檔名?
var infofileUpload = $('#dataFormMasterShipCity');
var infofileUploadvalue = $('.info-fileUpload-value', infofileUpload.next())
var infofileUploadfile = $('.info-fileUpload-file', infofileUpload.next())
infofileUploadvalue.val()是文件名。
infofileUploadfile.val()是完整路徑。 - datebox的format可以呼叫method嗎？
dataForm和dataGrid在render的時候，會讀取column的format設定。如果是要寫一個特定的例子的話，可以考慮改在JQClientTools下的兩個cs程式中。判斷如果format為空白，或者某個特定值，則將其改為您實際需要的值。
比如JQDataForm.cs的JQFormColumn的Render方法查找：
else if (Editor ==
JQEditorControl.DateBox)
在其下改寫：
if (string.IsNullOrEmpty(Format))
Format = "yyyy-mm-dd
HH:mm:SS"; - infooptions 如何清空勾選?$('#dataFormMasterBitFlag').data("infooptions").panel.find(":checkbox").prop("checked", false);
- datagrid可以動態調整標題的內容嗎?在page的Load事件撰寫程式：dataGridMaster.Columns[0].Caption = "...";
- TREEVIEW 可以 SetWhere嗎?JQTreeView控件上有onClick事件，配合新提供的SetWhere方法即可,如下:$('#treeviewid').tree('setWhere','CustomerID="A"');
- dialog如何取得取消與右上角關閉事件?dialog的取消，可以在dataform的onCancel中定義方法，這個方法會先觸發，然後關閉dialog。上面的X關閉功能，可以用js增加dialog的onclose事件。
- 如何動態改變easyui-tabs的Title?
function changeTitle() {
var tab =
$('#tt').tabs('getSelected'); // get selected panel
$('#tt').tabs('update', {
tab: tab,
options: {
title: 'New Title',
}
});
}
- refval 如何使button隱藏或不能點擊?$("#id").data("inforefval").refval.find("span.icon-view").hide(); //refval放大鏡鈕隱藏
- JQ Tabs 如何隱藏與開啟?
var easyuiTabDIV = $('#Div1');
var tabs =
easyuiTabDIV.tabs('tabs');
easyuiTabDIV.tabs('select',
tabs[1].panel('options').title); - 單獨使用JQFileUpload如何可以連續上傳?
在元件的onsuccess事件定義一個方法名字，程式如下：
function fileuploadsuccess(value)
{
$('#JQFileUpload1').next().remove()
initInfoFileUpload($('#JQFileUpload1'));
}
- JQFileUpload可以設成disable嗎?
dataFormID為所在JQDataFormID，uploadColumn為對應欄位名。
var fileUpload = $("#infoFileUpload" + dataFormID + uploadColumn);fileUpload.attr('isalsoreadonly', true); - checkbox如何動態選取?$("#dataFormMasterACTIVITY").checkbox('setValue', true);
- 如何讓JQTREE一開始時是摺疊的?可以在onloadsuccess事件執行：$('#ID').tree('collapseAll');
- dialog開啟位置如何設定?
$(fid).window('move', {left: dialogLeft,top: dialogTop});dialogLeft和dialogTop是具體的設定內容。
- 動態設定RefVal元件中GRID預設瀏覽的分頁筆數$(function () {var grid = $('table.refval-grid');grid.datagrid({pageSize: 20,pageList: [15, 20, 25],});});
- JQ統計圖表使用LoadData方式
//以X軸為年月,Y軸為百分比為例
var percent = [];//ex: ['20','50','70'']
var yearmonth = [];//ex: ['201701','201702'','201703']
//PLOT的ID,以LineChart為例
var plot1 = $.jqplot('JQLineChart1', [percent],//百分比 {
title: 'TAT Target', //PLOT的Title
seriesDefaults: {
pointLabels: { show: true }
},
axes: {
xaxis: {//X軸
renderer:
$.jqplot.CategoryAxisRenderer,
ticks: yearmonth //年月
},
yaxis: {//Y軸
min: 0, //刻度最小值
max: 100, //刻度最大值
}
}
});
plot1.replot();//重製圖表
- JQinfofileupload 如何顯示上傳檔名並可重複上傳JQinfofileupload選取檔案後，按下上傳鈕前，要在欄位上看到選取的檔案名，可以設定元件的ShowLocalFile屬性為True，但此屬性的限制是只能上傳一次，上傳過後瀏覽鈕會被隱藏。若是要使其能夠重複上傳，可以在元件的OnSuccess事件中寫兩行code：$('#JQDataForm1Attachment1').next().remove()initInfoFileUpload($('#JQDataForm1Attachment1'));