- dataform caption 如何依某欄位值動態變更caption內容?("#dataFormMasterOrderID").closest("td").prev("td").html("您要改變的值");
- 是否可以調整dataFormMaster距離上方位置的距離?修改一下Dialog的DialogTop和DialogLeft屬性。
- 如何在DataForm某個欄位右方產生Button
在JQDataForm 的 OnloadSuccess() 事件加入var inputCOD_CUST = $("#dataFormMasterCOD_CUST");var button = '<a href="javascript: popCOD_CUST();" id="qryBtn"><img src="../js/themes/icons/Select.png" style="border:none"></a>';inputCOD_CUST._outerWidth(parseInt(inputCOD_CUST.css('width')) - 20);inputCOD_CUST.after(button); - dataFrom 欄位如何設為唯讀?
dataForm上各欄位元件的id就是dataFormMaster+欄位名稱
$('#id').combobox('disable');
$('#id').datebox('disable');
$('#id').attr('disabled', true); //textbox
$('#id').refval('disable'); - JQDialog對話視窗的按鈕是否可以隱藏？在dataform的onloadsuccess 撰寫$("#JQDialog1").find(".infosysbutton-s").hide();
- 如何在DataForm新增存檔後，DataGrid可自動Focus在新增出來的那筆Record呢？
DataForm編輯，新增一筆後(有自動編號)，在DataGrid撈出新增那筆
-->
在DataForm的onApplied事件，寫JS即可。
function
autonum1(rows) {
var
CustomerID = "";
if
(rows) {
CustomerID
= rows[0].CustomerID; //取出自動編號值
}
$("#dataGridView").datagrid('setWhere',
"CustomerID='" + CustomerID + "'");
}
- 開啟時直接進入新增模式
openForm('#JQDialog2',
rowData, "inserted", 'dialog');
rowData是當前選擇的dataGrid的row，新增傳null進去就可以。
- 如何使多個dataform對應同一個dataGrid?
如果只是瀏覽的話，可以在dialog放tabs，放多個dataForm。然後在某一個dataForm的onloadSucess寫一個方法：
var opt = $('#JQDialog1').attr('infolight-options');
var opt1 = option.replace('#dataFormMaster',
'#dataFormMaster0');
$('#JQDialog1').attr('infolight-options', opt1);
openForm('#JQDialog1',$('#dataGridView').datagrid('getSelected')
, 'viewed', '');
$('#JQDialog1').attr('infolight-options', opt);
- 欄位在編輯模式變唯讀時,可以不要觸發onblur嗎?
function
seqno_onblur() {
if
($("#dataFormMasterseq_no").attr('readonly')==true) {
//return
alert('readonly');
};}
- JQDataForm 能否支援同時存取兩個table?不能同時支援兩個table。不過，您可以通過sql語句的比如join，講兩個table整合成一個table，然後在server端相關事件寫程式講資料寫入到第二個表中。
- 如何辦斷form上所有的欄位是否都已驗證通過?在DataForm OnApply事件裡用下面方法，可以判斷驗證狀態是否通過驗證$('#dataFormMaster').form('validateForm');
- 如何實現DataForm Dialog按Enter自動存檔?範例程式如下：
$("#dataFormMaster").form({
onLoadSuccess: function (data) {
$(this).live('keypress', function (e) {
var p = e.which;
if (p == 13) {
submitForm('#JQDialog1');
}
});
}
});
}); - 開啟畫面時直接進入 DataForm?
1. 用Wizard建立一個JQuerySingle2樣板的表單。
2. DataForm屬性AlwaysReadOnly=True。
2. JQDialog的EditMode屬性設為 Continue模式。
3. DataForm上ToolItems?性設置
<JQTools:JQToolItem Icon="icon-previous" OnClick="previous" Text="上筆"/>
<JQTools:JQToolItem Icon="icon-next" OnClick="next" Text="下筆"/>
<JQTools:JQToolItem Icon="icon-add" OnClick="insert" Text="新增"/>
<JQTools:JQToolItem Icon="icon-edit" OnClick="update" Text="更改"/>
<JQTools:JQToolItem Icon="icon-remove" OnClick="remove" Text="?除"/>
<JQTools:JQToolItem Icon="icon-search " OnClick= "query" Text= "查詢"/>
4. 查詢欄位仍須設置在DataGrid的QueryColumns屬性上。
- 如何在dataform 的某個欄位後增加一行說明文字?
方式1.$('<br/><span id="t1" style=\"color:Red\" >您要顯示的內容</span>').insertAfter($('#dataFormMasterShipVia', '#dataFormMaster'));
方式2.
利用某個不用的欄位，然後在form的onloadsuccess的時候，將這個欄位隱藏，就會保留欄位前面的Caption文字說明。
- 每個欄位標題要有底色，也就是JQDataForm如何在每一個欄位的Caption都加上自訂的CSS//因為dataform欄位數量不固定，用前端js不容易找到每一個caption欄位的td，並加上css//因此可以往前找，在render出dataform欄位標題的html時，就加上css//改JQClientTools/JQDataForm.cs#1462writer.AddAttribute(HtmlTextWriterAttribute.Class, "myclass"); //加上這行writer.RenderBeginTag(HtmlTextWriterTag.Td);writer.Write(Caption);writer.RenderEndTag();
- 在JQWebForm上方加按鍵的CODE SAMPLEfunction dataFormMasterOnLoadSuccess(){var htmlCode = "<a href='javascript:void(0)' class='easyui-linkbutton infosysbutton-c l-btn' "+ "onclick='parentAddTabCustomers();\'><span class='l-btn-left'><span class='l-btn-text'>編輯客戶資料</span></span></a>";$('#dataFormMaster').before(htmlCode);}function parentAddTabCustomers(){var customerId = $('#dataFormMasterCustomerID').refval('getValue');var url = "../MySamples/Customers.aspx?DRILLDOWN=true&REMOTENAME=sOrders.Customers&TABLENAME=Customers&DRILLDOWN_KEYFIELD=CustomerID=''" + customerId + "''";parent.addTab('客戶資料', url);}