Irregular bug in <ejs-tab>

[TaeWook Kang]

Hi.

Dynamically importing data from one grid using a tab. There is a problem of irregularly importing content. The file is not attached, so I will attach a video in the comments. I would appreciate it if you could refer to it and give me an appropriate solution.

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

View

<div class="row">
    <div class="col-xl-12">
        <ejs-tab id="StandardTab" items="@ViewBag.items" selected="TabSelected" created="TabAnimationSetting"></ejs-tab>
    </div>
</div>
<div id="Content1">
    <div class="row" style="margin-top:10px; margin-bottom:10px;">
        <div class="col-xl-12 badge-default">
            <button id="Update" class="e-btn btn-cap" type="button" onclick="OpenUpdateWindow()">
                    <span id="Badge" class="e-badge e-badge-notification e-badge-overlap e-badge-circle" style="background-color: #CC3D3D; color: #ffffff;">N</span>
                Update Data Box
            </button>
            <button onclick="FreezingBtnClick()" class="e-btn btn-cap" type="button">
                Freezing Items
            </button>
            <button onclick="DataExportBtnClick()" class="e-btn btn-cap" type="button">
                Data Export
            </button>
            <button onclick="DrainImport()" class="e-btn btn-cap" type="button">
                Data Import
            </button>
            <button onclick="TemplateDownloadBtnClick()" class="e-btn btn-cap" type="button">
                Template Download
            </button>
            <button onclick="FilePathBtnClick()" class="e-btn btn-cap" type="button">
                File Path
            </button>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <ejs-grid id="StandardGrid" gridLines="Both" allowSorting="true" allowTextWrap="true" allowFiltering="true" rowHeight="30" height="600px" created="ViewLoad">
                <e-grid-filterSettings type="Excel"></e-grid-filterSettings>
                <e-grid-textwrapsettings wrapMode="Header"></e-grid-textwrapsettings>
                <e-grid-selectionsettings mode="Row"></e-grid-selectionsettings>
                <e-grid-columns>
                    <e-grid-column type="checkbox" width="40" headerTextAlign="Center" textAlign="Center" allowFiltering="false" allowSorting="false"></e-grid-column>
                    <e-grid-column field="DATA_STATUS" headerText="STATUS" headerTextAlign="Center" textAlign="Center" width="70"></e-grid-column>
                    <e-grid-column field="FREEZING_AT" headerText="FREEZING" headerTextAlign="Center" textAlign="Center" width="80" template="#FreezingTemplate"></e-grid-column>
                    <e-grid-column field="EQ_ITEM_NO" headerText="ITEM NO" headerTextAlign="Center" textAlign="Center" width="70" template="#ItemNoTemplate"></e-grid-column>
                    <e-grid-column field="EQ_MODEL_NO" headerText="VESSEL STD MODEL NO." headerTextAlign="Center" textAlign="Center" width="90"></e-grid-column>


                    <e-grid-column field="SEARCH_REQ1" headerText="Base Plate L" headerTextAlign="Center" textAlign="Right" width="90"></e-grid-column>
                    <e-grid-column field="SEARCH_REQ2" headerText="Base Plate W" headerTextAlign="Center" textAlign="Right" width="90"></e-grid-column>


                    <e-grid-column field="COORD_E" headerText="COORD_E" headerTextAlign="Center" textAlign="Right" width="90"></e-grid-column>
                    <e-grid-column field="COORD_N" headerText="COORD_N" headerTextAlign="Center" textAlign="Right" width="90"></e-grid-column>
                    <e-grid-column field="BASE_EL" headerText="BASE_EL" headerTextAlign="Center" textAlign="Right" width="90"></e-grid-column>
                    <e-grid-column field="ORIENTATION" headerText="ORIENTATION" headerTextAlign="Center" textAlign="Center" width="90"></e-grid-column>


                    <e-grid-column field="SEARCH_REQ1" headerText="VALVE BOX" headerTextAlign="Center" textAlign="Center" width="90"></e-grid-column>


                    <e-grid-column field="SEARCH_REQ1" headerText="Soil Capa (10 or 15ton/m2)" headerTextAlign="Center" textAlign="Center" width="150"></e-grid-column>


                    <e-grid-column field="SEARCH_REQ1" headerText="Wind" headerTextAlign="Center" textAlign="Center" width="90"></e-grid-column>
                    <e-grid-column field="SEARCH_REQ2" headerText="Seismic" headerTextAlign="Center" textAlign="Center" width="90"></e-grid-column>


                    <e-grid-column field="CIVIL_DOC" headerText="CIVIL DOCUMENTS" textAlign="Center" width="120" minWidth="100" template="#FileDownload"></e-grid-column>
                </e-grid-columns>
            </ejs-grid>
        </div>
    </div>
</div>

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Controller

public IActionResult Main(string M_CODE, string jobNo)
{
    #region Tab Create
    List<TabTabItem> tabItems = new List<TabTabItem>();


    if (M_CODE.Substring(0, 4) == "1201")
    {
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Non API" }, Content = "#Content1", Id = "120101" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Air Dryer" }, Content = "#Content1", Id = "120102" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Air Compressor" }, Content = "#Content1", Id = "120103" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Chemical Injection" }, Content = "#Content1", Id = "120104" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Demi Water PKG" }, Content = "#Content1", Id = "120105" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Lube Oil" }, Content = "#Content1", Id = "120106" });
    }
    else if (M_CODE.Substring(0, 4) == "1202")
    {
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Sub Piperack" }, Content = "#Content1", Id = "120201" });
        tabItems.Add(new TabTabItem { Header = new TabHeader { Text = "Shelter" }, Content = "#Content1", Id = "120202" });
    }


    ViewBag.items = tabItems;
    #endregion


    return View();
}

[TaeWook Kang]

Files are not attached to reply. If you let me know the e-mail, I will send you the video.

[Satheesh Kumar Balasubramanian]

Hi Taewook, 

  

We couldn’t check the reported scenario with shared details. Could you please share the video demo depicting the issue to validate the issue at our end? 

  

Note: You can zip the video and attach here else you can share through [email protected] with forum id. 

  

Regards, 

Satheesh Kumar B