2013-06-12 58 views
1

我擁有一個jqgrid對話框來管理用戶,我可以添加或編輯用戶屬性。jqgrid - 如何在編輯或添加記錄時將jquery ui選項卡添加到jqgrid對話框中?

但我得出的結論是,用戶的信息應該分爲兩部分,公開和高級。

現在,在這個節骨眼上,當我想添加或編輯用戶,它正在被打開進行編輯和添加用戶的對話框中,應包含兩個選項卡,高級和一般

最後,應該如何一個能夠在jqgrid用戶管理對話框中添加選項卡?

我在下面的鏈接中看到內容,但沒有答案。

jqgrid-customize-modal-popup

customizing-view-modal-popup-in-jqgrid

在此先感謝。

回答

0

我覺得你的問題很有趣,但你不應該期望一個簡單的解決方案。有很多原因爲什麼沒有簡單的解決方案存在。

首先,jqGrid是jQuery插件,而不是jQuery UI Widget。它只使用jQuery UI CSS框架。所以jqGrid使用沒有 jQuery小部件如Tabs,Dialog,Button,Tooltips,Datepicker,Autocomplete等。即使效果或位置實用程序將不會被使用。人們可以將jqGrid整合到使用Widgets的解決方案中,但它並不在內部使用。

第二個原因:jqGrid的編輯格式結構爲,面向表的。在內部用於獲取表單編輯結果使用的jqGrid功能getFormData使用表導向選擇(見the linethe line

$("#"+"TblGrid_"+$.jgrid.jqID($t.p.id)+">tbody>tr>td>.FormElement").each(function() { 

所以你不能只將部分投入要素在另一個選項卡中afterShowForm回調例如。如果getFormData將會錯誤地運行,並且編輯結果將不會發送到服務器。

你可以做的,而不是務實的數據分組通過形式有趣的附加信息的用途。有關更多詳細信息,請參閱the answer

另一種方式是使用colposrowpos屬性formoptions。詳情請參閱the answer

你可以結合上述兩種方法。

+0

首先,我應該感謝你的豐富和高級響應 ,我們可以看到你總是回答所有jqgrid問題 這不好,我們不能將標籤添加到編輯窗體,但你的答案在下面的鏈接對於區分不同組中的輸入是很好的。 一個連結[](http://stackoverflow.com/questions/9998125/jqgrid-grouping-fields-in-edit-form/10020340#10020340) 因此,我可以使用。 非常感謝你。 – Aria

+0

@aria:不客氣!我決定寫信給你,讓你朝着你可以找到你的問題的解決方法。你可以[接受](http://meta.stackexchange.com/a/5235/147495)的答案,因爲我不認爲你會找到解決方案,在裏面使用jQuery UI Tabs來編輯表單jqGrid的。 – Oleg

+0

當然,我這麼認爲,無論如何謝謝。 – Aria