如何分配控制位置？

Question

我在其他asp.net项目中创建了xml文件，这些文件包含一些控件及其属性。我需要在我的mvc项目中显示这些控件，

xml文件格式可能如下所示。

<div style='left:84px;top: 50px;' ><input id='Text1' type='text' value='Mr.Temp'/></div>
<div style='left:8px;top: 50px; position: fixed;' >Name</div>
<div style='left:84px;top: 650px;' ><input id='Text1' type='text' value='30'/></div>
<div style='left:8px;top: 65px; position: fixed;' >Age</div>
<div style='left:84px;top: 90px;' ><input id='Text1' type='text' value='Singapore'/></div>
<div style='left:8px;top: 90px;' >Address</div>

我需要显示这些控件，具体取决于它们的类型和位置。

姓名Mr.Temp
年龄30岁 地址新加坡

所以，我读了xml文件并写，我的问题是我可以根据他们的类型创建控件，但我不知道如何 正确分配他们的位置？他们的旧位置不能再使用，因为我的是asp.net mvc项目。

请给我正确的方法。

问候

悠

Answer 1

您是否考虑过使用xslt？然后你可以围绕这一切编写规则。

或者，如果你不想使用xslt，那么考虑使用jQuery并编写自己的插件来查看你的xml并将其转换为html。

修改

使用插件，您可以查看如何编写jQuery插件here。

基本上你要做的就是将xml提供给插件，然后插件会为你生成html。

这里有点过于参与，但你可以在div上“each（）”，存储第一个，然后是第二个，并为该对生成html，然后移动到接下来的两个。

$(xmlDoc).find("div").each(function(){
  //this will get each div. now you need to create html for each and return the 
  //whole as a string to be rendered.
});