@using LeaRun.Application.Entity.InstallManage
@{
    ViewBag.Title = "添加产品";
    Layout = "~/Views/Shared/_Form.cshtml";
    List<InstallMaterialTypeEntity> lstType = ViewBag.databaseType as List<InstallMaterialTypeEntity>;
    //List<InstallMaterialGoodsEntity> lstGoods = ViewBag.databaseGoods as List<InstallMaterialGoodsEntity>;
    //List<InstallMaterialGoodsEntity> lstGoodsTemp = null;
    List<InstallMaterialUnitEntity> lstUnit = ViewBag.databaseUnit as List<InstallMaterialUnitEntity>;  
}
<script>

    var keyValue = request('keyValue');
    $(function () {
        //function checkField(d) {
        //    $("#myGoodsSpec").val(我是传奇);
        //    //alert("规格型号是 " + d);
        //}
        initControl();
    });
    //初始化控件
    function initControl() {

        //材料名称
        $("#name").ComboBox({
            description: "==请选择==",
            height: "200px",
        });
        //材料型号
        $("#Version").ComboBox({
            description: "==请选择==",
            height: "200px",
        });
        //单位
        $("#unit").ComboBox({
            description: "==请选择==",
            height: "200px",
        });
        //材料类别
        $("#Type").ComboBox({
            description: "==请选择==",
            height: "200px",
        });
        //获取表单 界面加载的时候从数据库取得数据加载到界面
        //if (!!keyValue) {
        //    $.SetForm({
        //        url: "../../InstallManage/Dudget/GetBudgetDetail",
        //        //param: { keyValue: keyValue },
        //        success: function (data) {
        //            $("#form1").SetWebControls(data);

        //        }
        //    })
        //}
    }
    //保存表单;
    function AcceptClick() {
        var spit = "*";
        if (!$('#form1').Validform()) {
            return false;
        }
        //var postData = $("#form1").GetWebControls(keyValue);
        var postData = $("#Type").attr("data-text") + spit + $("#name").attr("data-value") + spit + $("#myGoodsSpec").attr("data-text") + spit + $("#unit").attr("data-text") + spit + $("#number").val() + spit + $("#price").val() + spit + $("#LabourCost").val() + spit + $("#Description").val();;
        postData["TraceUserName"] = $("#TraceUserId").attr('data-text');
        //postData["TraceUserName"] = $("#TraceUserId").attr('data-value');
        $.SaveForm({
            //url: "../../InstallManage/Dudget/SaveForma?applyId=" + keyValue,
            url: "../../InstallManage/Dudget/SaveForma?applyId="+keyValue+"&data=" + postData,
            param: postData,
            loading: "正在保存数据...",
            success: function () {
                //var a = document.getElementById('Form').contentWindow.document;
                //var b = a.getElementById('gridTableForm');
                ////$(b).trigger("reloadGrid");
                //var c = $(b);
                //c.context = a;
                //c.selector = '#gridTableForm';
                //c.trigger("reloadGrid");
                // $("#gridTableForm").trigger("reloadGrid");
                // console.log($("#gridTableForm").context.getElementById('gridTableForm'));
                $.currentIframe().$("#gridTableForm").trigger("reloadGrid");
            }
        })
    }
</script>
<script>
    function checkField(val) {
        var arr = val.split('*');
        var val1 = arr[0];
        var val2 = arr[1];

        $("#myGoodsSpec").val(val1);
        $("#myGoodsSpec").attr("data-text",val1);
        $("#name").html(val2);
        $("#name").attr("data-value",val2);
        //$("#name").val(val2);
        //alert("规格型号是 " + d  );
    }

    function MaterialClick(materialID) {
        var name = $("#name");
        $.ajax({
            url: "../../InstallManage/Dudget/GetBudgetDetail?materialID=" + materialID,
            type: "get",
            dataType: "json",
            success: function (data) {
                con = "";
                //$.each(data, function(index, item){
                             
                //    con += "<li data-value=" + $(this).attr("GoodId") + " onclick=" + "" + "\"checkField(" + "\'" + $(this).attr("Specifications") + "\')" + "\"" + ">" + $(this).attr("Name") + "</li>";
                //});
                for (var i = 0; i < data.length; i++) {
                    con += "<li data-value=" + data[i].GoodId + " onclick=" + "" + "\"checkField(" + "\'" + data[i].Specifications + "*" + data[i].Name + "\')" + "\"" + ">" + data[i].Name + "</li>";
                }
                //con += "<li data-value=" +  $(this).attr("GoodId") + " onclick=" + "" + "\"checkField(" + "\'" + $(this).attr("Specifications") + "\')" + "\"" + ">" + $(this).attr("Name") + "</li>";
                $("#namediv").html(con);
                //$("namediv").append(con);
            },
        });
        //lstGoodsTemp = lstGoods;
        //alert(lstGoods);
    }
</script>
<div style="margin-top: 20px; margin-right: 30px;">
    <table class="form">
        @*<tr>
            <td class="formTitle">客户名称<font face="宋体">*</font></td>
            <td class="formValue">
                <input id="FullName" type="text" onblur="$.ExistField(this.id,'../../CustomerManage/Customer/ExistFullName')" class="form-control" />
            </td>
            <td class="formTitle">客户简称<font face="宋体">*</font></td>
            <td class="formValue">
                <input id="ShortName" type="text" class="form-control" />
            </td>
        </tr>*@
        <tr>
            <td class="formTitle">材料类别<font face="宋体">*</font></td>
            <td class="formValue">
                <div id="Type"  class="ui-select" isvalid="yes" checkexpession="NotNull">
                    <ul>
                        @foreach (var item in lstType)
                        {
                            @*<li data-value="@item.MaterialId" onclick="MaterialClick('@item.MaterialId')">@item.Name</li>*@
                            <li data-value="@item.Name" data-text="@item.Name" onclick="MaterialClick('@item.MaterialId')">@item.Name</li>
                        }
                    </ul>
                </div>
                @*<div>
                    <span>
                        <select id="myType" required="required" style="width: 250px;">
                            <option>==请选择==</option>
                            @foreach (var item in lstType)
                            {
                                <option value="@item.MaterialId">@item.Name</option>
                            }
                        </select>
                    </span>
                </div>*@
            </td>
            <td class="formTitle">材料名称<font face="宋体">*</font></td>

            <td class="formValue">
                <div id="name"  class="ui-select"  isvalid="yes" checkexpession="NotNull" style="border:1px solid #999;" data-value="">
                    <ul id="namediv">

                    </ul>
                </div>
                        @* @foreach (var item in lstGoods)
                        {
                            <li data-value="@item.GoodId" mydata="@item.Specifications" onclick="checkField('@item.Specifications')">@item.Name</li>
                        }*@
                @*<select  onclick="checkField(options[this.options.selectedIndex].getAttribute('mydata'))">
                    @foreach (var item in lstGoods)
                    {
                        <option value="@item.GoodId" mydata="@item.Specifications">@item.Name</option>
                    }
                </select>*@


            </td>
        </tr>
        <tr>
            <td class="formTitle">材料型号<font face="宋体">*</font>
            </td>
            <td class="formValue">
                <div>
                    <span>
                        <input type="text" name="myGoodsSpec" data-text="" id="myGoodsSpec" readonly="true" style="width: 260px; height: 28px;" />
                    </span>
                </div>
            </td>
            <td class="formTitle">计量单位<font face="宋体">*</font></td>
            <td class="formValue">
                <div id="unit" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull">
                    <ul>
                        @foreach (var item in lstUnit)
                        {
                            <li data-value="@item.UnitId" data-text="@item.CalculateUnit">@item.CalculateUnit</li>
                        }
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td class="formTitle">数量</td>
            <td class="formValue">
                <input id="number" type="number" class="form-control" style="width: 260px;" />
            </td>
            <td class="formTitle">单价(元)</td>
            <td class="formValue">
                <input id="price" type="number" class="form-control" style="width: 260px;" />
            </td>
        </tr>
        <tr>
            <td class="formTitle">人工费(元)</td>
            <td class="formValue">
                <input id="LabourCost" type="number" class="form-control" style="width: 260px;" />
            </td>
        </tr>
        <tr>
            <td class="formTitle">备注</td>
            <td class="formValue" colspan='3'>
                <textarea id="Description" class="form-control" style="height: 50px;"></textarea>
            </td>
        </tr>
    </table>
</div>