EOS/Views/UserInventory/ManageUserInventory_EditVecvUser.cshtml

@model GODATA.Models.UserInventory.UserInventory

<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

@using (Ajax.BeginForm("ManageUserInventory_EditVecvUser", "UserInventory", new AjaxOptions { HttpMethod = "POST",  OnSuccess = "onSuccessEdit" }))
{
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.StateName, new { id = "stateName" })
    @Html.HiddenFor(model => model.IsDeleted, new { Value = false })
    <div>
        <table class="themeTable" cellpadding="5" cellspacing="0" width="100%" style="border-top: 1px solid #dedede; margin-top: 2px;">
            <tbody class="">
                <tr>
                    <td class="tableCelllabel bordernone">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.OrganizationId)</span><span class="error" style="color: red"> * </span>
                    </td>
                    <td class="tableCellinfo bordernone SelectDD">
                        @Html.DropDownListFor(model => model.OrganizationId, (IEnumerable<SelectListItem>)ViewBag.OrganizationList, "-Select-", new { @id = "ddOrganization", @onchange = "LoadStateListRegionWise(id, 'ddState','ddCity')" })
                        @*@Html.DropDownListFor(model => model.OrganizationId, (IEnumerable<SelectListItem>)ViewBag.OrganizationList, "-Select-", new { @id = "ddOrganization" })*@
                        @Html.ValidationMessageFor(model => model.OrganizationId)
                    </td>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.VehicleTaggingList)</span>
                    </td>
                    <td class="tableCellinfo">

                        @Html.DropDownListFor(model => model.VehicleTaggingList, (IEnumerable<SelectListItem>)ViewBag.VehicleModelNo, "-Select-")
                        @Html.ValidationMessageFor(model => model.VehicleTaggingList)
                    </td>
                </tr>
                <tr>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.State)</span>
                    </td>
                    <td class="tableCellinfo SelectDD">
                        @Html.DropDownListFor(model => model.State, (IEnumerable<SelectListItem>)ViewBag.StateList, "-Select-", new { @id = "ddState", @onchange = "LoadCityList()" })
                    </td>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.City)</span>
                    </td>
                    <td class="tableCellinfo SelectDD">
                        @Html.DropDownListFor(model => model.City, (IEnumerable<SelectListItem>)ViewBag.CityList, "-Select-", new { @id = "ddCity" })
                        @*<select id="ddCity" name="City">
                            <option value="-Select-">-Select-</option>
                        </select>*@
                    </td>
                </tr>
                <tr>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.FirstName)</span><span class="error" style="color: red"> * </span>
                    </td>
                    <td class="tableCellinfo">
                        @Html.TextBoxFor(model => model.FirstName)
                        @Html.ValidationMessageFor(model => model.FirstName)
                    </td>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.UserName)</span><span class="error" style="color: red"> * </span>
                    </td>
                    <td class="tableCellinfo">
                        @Html.TextBoxFor(model => model.UserName, new { @readonly = "readonly", @class = "disable_btn" })
                        <span id="spanUserName" class="error" style="display: none">This user already exist!</span>
                        @Html.ValidationMessageFor(model => model.UserName)
                    </td>
                </tr>
                <tr>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.Designation)
                        </span><span class="error" style="color: red">* </span>
                    </td>
                    <td class="tableCellinfo SelectDD">
                        @Html.TextBoxFor(model => model.Designation, new { @id = "ddDesignation", @readonly = "readonly", @class = "disable_btn" })
                        @Html.ValidationMessageFor(model => model.Designation)
                    </td>
                    <td class="tableCelllabel">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.Language)
                        </span>
                    </td>
                    <td class="tableCellinfo SelectDD">
                        @Html.DropDownListFor(model => model.Language, (IEnumerable<SelectListItem>)ViewBag.LanguageList, "-Select-", new { @id = "ddLanguage" })
                        @Html.ValidationMessageFor(model => model.Language)
                    </td>
                </tr>
<tr>
                    <td class="tableCelllabel bordernone">
                        <span class="darktxt">
                            Is EPS User</span>
                    </td>
                    <td class="tableCellinfo bordernone">
                       
                        <input id="rdoYesEPS" type="radio" checked="" name="EPS" style="width:auto;" value="Yes">
                        <label labelfor="rdoYesEPS">
                            Yes
                        </label>
                        <input id="rdoNoEPS" type="radio" name="EPS" style="width:auto;" value="No">
                        <label labelfor="rdoNoEPS">No</label>

<input id="rdobothEPS" type="radio" name="EPS" style="width:auto;" value="Both">
                        <label labelfor="rdobothEPS">Both</label>

                  
                    </td>
                </tr>
                <tr>
                    <td class="tableCelllabel bordernone" style="display: none;">
                        <span class="darktxt">
                            @Html.LabelFor(model => model.Region)</span>
                    </td>
                    <td class="tableCellinfo bordernone" style="display: none;">
                        @Html.EditorFor(model => model.Region, new { @id = "Region" })
                        @Html.ValidationMessageFor(model => model.Region)
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <br />
    <div class="Create_Wrp">
        <input name="btnEditUser" type="submit" value="Update" class="button_blue" style="margin-top: 0px; width: auto; overflow: hidden; height: 27px; line-height: 9px;" />
        <input type="button" value="Cancel" class="button_blue" style="background: #ee2e22 !important; margin-top: 0px; width: auto; overflow: hidden; height: 27px; line-height: 9px;" onclick="btnCancelAddUser();" />
    </div>
}
<script>

    $(document).ready(function () {

        var vehicleTagging = '@Html.Raw(Json.Encode(ViewBag.VehicleTags))';

        vehicleTagging = JSON.parse(vehicleTagging);

        console.log(vehicleTagging);

        $('#VehicleTaggingList').kendoMultiSelect({
            dataSource: vehicleProductVariantList,
            dataTextField: 'Text',
            dataValueField: 'Value',
            filter: 'contains',
            placeholder: "-Select-",
            value: vehicleTagging
        }).data("kendoMultiSelect");

        //$("#VehicleTaggingList").multiselect("refresh");
    });
</script>
<style type="text/css">
    .SelectDD select {
        width: 173px;
        padding: 6px 0px;
        font-family: 'HermesFB Regular';
        font-family: Arial;
        text-indent: 3px;
    }
</style>