2014-12-07 30 views
0

我不知道如何去做這件事。MVC - 添加到基於HTML的模型attrib

我正在創建自定義表單,其中問題/項目的順序可以在飛行中重新排列。這樣做會更新html代碼中項目的屬性。

這是每個項目在任何問題「設置」到表單之前的樣子。

<li class="field item" order=""> 
    ...more html for item 
</li> 

,這裏是它的外觀,一旦有人將項目拖曳到「創建區域」

<li class="field item" order="1"> 
    ...more html for item 
</li> 

如果他們補充說,項目下的其他項目將是

<li class="field item" order="1"> 
    ...more html for item 
</li> 
<li class="field item" order="2"> 
    ...more html for item 
</li> 

當然,如果這些項目重新排列,那麼order屬性也會更新以顯示更正順序。

我的問題是如何將order number設置爲我的模型? 我假設這將需要一些JavaScript,我不太驚人。

+1

您的模型需要一個'order'屬性,需要使用javascript進行更新。 – 2014-12-07 20:58:14

回答

1

您基本上需要模型內部的Order屬性。

int Order { get; set; } 

然後,您可以:

@Html.HiddenFor(m => m[i].Order) 

在JavaScript中,你需要找到這樣的:

var el = document.getElementById('[0].Order'); 

手錶什麼得到的DOM加載,看看如何找到你的元素在JavaScript中。