javascript - Html 5 x 5 矩阵，如 controlin 文本框

Question

我想在网格中创建一个简单的 html 表，其值介于 1 到 25 之间，并以矩阵/网格方式排序。我希望该网格以像 jquery ui 日期时间控件这样的方式显示。

@for(int i =0;i<5;i++){ for(int j=0;j<5;j++){
<input type="button" id="foo">
if(j==4){
<br/>

}

}

然后使用上面的代码作为编辑器模板并将其附加到文本框。

非常感谢任何帮助指针。

问候

比拉尔

}

Answer 1

像这样的东西：？（手写 - 未经测试）

模型：

public class MyModel
{
    [UIHint("MyCustomEditorTemplateType")]
    public int MyField { get; set; }
}

看法：

@model MyModel
@Html.EditorFor(m => m.MyField)

编辑器模板：

@model string

@Html.TextBoxFor(m => m, new { @class = "forpopupcontrol" })
<div id="@(string.Format("{0}_container", Html.IdFor(m => m)))" style="display:none">
    @* code build table here *@
</div>

JS：

<script>
    $(function()
    {
        $('.forpopupcontrol').focus(function()
        {
            $('#' + $(this).attr('id') + '_Container').show();
        }).blur(function()
        {                
            $('#' + $(this).attr('id') + '_Container').hide();
        });
    }        
</script>