2012-07-24 38 views
3

我正在尋找人員選取器控件,類似於SharePoint for MVC3應用程序。MVC3的人員選取器

你可以請建議,如果有任何這樣的控制可用?

從MV中選擇AD的最佳方法是什麼?

要求:在其中一個視圖中,我需要從AD中選擇一個用戶。

我在想People Picker的一種控制。

感謝 阿倫

回答

2

我知道這是很老,所以我懷疑你仍然需要這個回答,但也許這將是別人有用。

就在上週,我不得不像我們這樣建立一個控制。它基本上是兩個主要部分,一個接受部分文本並返回建議列表和HTML/CSS/jQuery + UI控件的JSON服務。

該服務非常簡單,所以我們將跳過這裏。

我正在做網頁上的write-up,但基本上我們用一些自定義CSS包裝了jQuery自動完成,以便輸入與GMail中的地址行類似的輸入。這是通過將容器div設計爲長輸入字段來完成的。實際的輸入字段在該容器內,並且基本不可見。點擊容器將焦點移到輸入框。在選擇建議名稱後,我創建一個新的容器,在隱藏的自動完成輸入之前插入,該輸入包含用戶名和隱藏的輸入,並在提交表單時發送所需的值。我不得不在自動完成上做一些其他的重載,以使其始終如一地執行,但本質上就是這樣。

該控件查看容器中的data-input-name屬性,以確定在使用每個用戶選擇創建隱藏輸入時要設置什麼「名稱」。當提交表單時,默認模型綁定器會將特定選擇器的所有用戶(因爲您可以在頁面上具有多個)將其轉換爲值的字符串數組 - 假定您的模型具有與輸入使用的名稱相同的字符串數組屬性控件 - 我們可以在服務器端進行處理。

到目前爲止,最難的部分是弄清楚正確的HTML + CSS以獲得正確的外觀和感覺。我不是一個非常強大的用戶界面,所以這讓我永遠都沉浸在Chrome中,它似乎在輸入框中添加了一個口音,即使(或者因爲?)風格使它融入到父控件中。

就我們的目的而言,它在過去的一週中一直很棒。

UPDATE:它現在在GitHubDemo

+0

嗨艾瑞克,謝謝你的回覆。那麼,雖然它符合基本功能,但您可能需要擴展插件以與AD或其他提供程序(在ASP.NET應用程序中配置)等集成。但是,如果您可以擴展通用身份提供商的這個插件,我認爲這將豐富您的插件並對我們中的許多人有所幫助。順便說一句,非常感謝你的插件。 – Arun 2014-03-01 15:20:23

+0

它絕對可以使用一些更新。在我的辦公室,我們在MVC應用程序中使用它,並且編寫了幾個類,以便在該環境中使用它。儘管最新的jQuery UI更新與樣式真的混淆了。我一直依靠我們的設計師來幫助我進行重新設計,還包括多種選擇。 – 2014-03-01 17:32:49

+0

至於特定的源數據,我沒有看到JavaScript瀏覽器如何直接查詢AD。無論您使用何種UI技術,您都需要通過服務傳遞查詢。我們混合使用AD和數據倉庫。我們只使用ASP.NET MVC和JsonResult操作來返回數據。我使用一個類來提供自動完成選項,並作爲活頁夾接收選擇的模型。 – 2014-03-01 17:37:17