We use the GRID and use. AllowSearching ()

[Phonchai Sakunchinnasee]

https://mvc.syncfusion.com/demos/web/grid/urladaptor

We use the GRID and use. AllowSearching () according to the example that shows the Search button according to the example image. But when used in applications that use the search button, the display is a magnifying glass, must click to display the Search box and the Cancel button will be displayed outside the grid of the grid. Suggesting solutions

And in the Grid define EditMode.Dialog Can set the minimum width, not to be small or not

Combobox will not show values ​​in the box in the list. But will show when changing to Editmode. Can be displayed and selected correctly

Attachment: Capture_q1_e6f5d633.zip

[Farveen Sulthana Thameeztheen Basha]

Hi Phonchai, 

 

Thanks for contacting Syncfusion Support. 

Query#1:- But when used in applications that use the search button, the display is a magnifying glass, must click to display the Search box and the Cancel button will be displayed outside the grid of the grid. Suggesting solutions 

 

The reported problem “search Toolbar display on next Line” is already known issue while using EnableResponsiveRow as true. Before proceeding we need some more additional information to find the cause of the issue. Share us the following details. 

1. Complete Grid code example.
2. Have you faced the problem while using EnableResponsiveRow property as true.
3. Product version details.

Query2 :- And in the Grid define EditMode.Dialog Can set the minimum width, not to be small or not 

 

If you want to set the own default width for the columns on Editing, you can use dialogTemplate Mode instead of Dialog. Please refer to the documentation and demo Link:- 

https://mvc.syncfusion.com/demos/web/grid/dialogediting 

https://help.syncfusion.com/aspnetmvc/grid/editing#dialog-template-form 

 

Query#3:- Combobox will not show values ​​in the box in the list. But will show when changing to Editmode. Can be displayed and selected correctly 

 

Before proceeding the query we need some additional information to find the cause of the issue. Share us the following details. 

 

1.Share your complete Grid code example(both in server and client side). 

2.Combobox will not show values ​​in the box in the list.(Share us the screenshot). 

3.Have you placed combo box as EditTemplate or have you placed dropdownList. 

 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T 

[Phonchai Sakunchinnasee]

Thank you very much for the advice.

Query#1:- But when used in applications that use the search button, the display is a magnifying glass, must click to display the Search box and the Cancel button will be displayed outside the grid of the grid. Suggesting solutions 

EnableResponsiveRow property as false. work fine good.

Query2 :- And in the Grid define EditMode.Dialog Can set the minimum width, not to be small or not 

i change code to use Dialog Template Form and work find

https://help.syncfusion.com/aspnetmvc/grid/editing

 .ClientSideEvents(eve => { eve.ActionComplete("complete"); })

            .EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing().EditMode(EditMode.DialogTemplate).DialogEditorTemplateID("#template"); })

but Dropdownlist not Select vale show in picture attach.

We will use it in @ Html.EJ (). RTE ("rteSample") in "template". How to do it?

 

Query#3:- Combobox will not show values ​​in the box in the list. But will show when changing to Editmode. Can be displayed and selected correctly 

 

We changed to use Dialog Template Form.

Attachment: Capture_Grid_q2_fdc921f5.zip

[Farveen Sulthana Thameeztheen Basha]

Hi Phonchai, 

Query#:- but Dropdownlist not Select vale show in picture attach 

 

We have checked your reported problem and to display the value while on Editing, we need to set using setSelectedValue property of dropdownList on ActionComplete event. 

Please refer to the code example:- 

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True" OnServerEditRow="EditEvents_ServerEditRow" OnServerAddRow="EditEvents_ServerAddRow" 

/>    

               <Columns> 

                        <ej:Column Field="OrderID" HeaderText="Order ID" IsPrimaryKey="true" TextAlign="Right" Width="90"> 

                             

                        </ej:Column> 

                         .   .   . 

                   </Columns> 

           </ej:Grid> 

<script type="text/javascript"> 

         

         

        function complete(args) { 

             

            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialogtemplate") { 

                $("#Freight").ejNumericTextbox({ value: parseFloat($("#Freight").val()), width: "116px", height: "28px", decimalPlaces: 2 }); 

                $("#EmployeeID").ejNumericTextbox({ value: $("#EmployeeID").val(), width: "116px", height: "28px" }); 

                $("#ShipCountry").ejDropDownList({ width: '116px' }); 

                if (args.requestType == "beginedit") { 

                    $("#OrderID").attr("disabled", "disabled"); 

                    $("#ShipCountry").ejDropDownList("setSelectedValue", args.row.children().eq(4).text()); 

                } 

            } 

        } 

    </script> 

Demo Link:- https://asp.syncfusion.com/demos/web/grid/dialogonlocaldata.aspx 

Query#:- We will use it in @ Html.EJ (). RTE ("rteSample") in "template". How to do it? 

 

We suspect that you need to render RTE inside the template, to achieve this you can place the input and render the RTE on ActionComplete event as like other controls. Pleaser refer to the code example:- 

 

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True" OnServerEditRow="EditEvents_ServerEditRow" OnServerAddRow="EditEvents_ServerAddRow" 

/>    

               <Columns> 

                        <ej:Column Field="OrderID" HeaderText="Order ID" IsPrimaryKey="true" TextAlign="Right" Width="90"> 

                             

                        </ej:Column> 

                </Columns> 

           </ej:Grid> 

 

<script id="Template" type="text/template"> 

    <b>Order Details</b> 

    <table cellspacing="10"> 

        <tr> 

           

        </tr> 

    </table> 

    CustomerID: 

    <textarea id="RTE" rows="5" cols="30" style="width: 400px; height: 150px"> {{:CustomerID}}</textarea> 

</script> 

<script> 

 

 

    function complete(args 

          

          if (args.requestType == "beginedit") 

            $("#RTE").ejRTE(); // Rendering RTE 

 

 

    } 

</script> 

 

If your requirement is different from above solution please get back to us with further details. 

Regards, 

Farveen sulthana T 

[Phonchai Sakunchinnasee]

Thank you very much for the advice.

Query#:- but Dropdownlist not Select vale show in picture attach 

 

We have checked your reported problem and to display the value while on Editing, we need to set using setSelectedValue property of dropdownList on ActionComplete event. 

Please refer to the code example:- 

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True"OnServerEditRow="EditEvents_ServerEditRow" OnServerAddRow="EditEvents_ServerAddRow" 

/>

I use MVC razor syntex no event OnServerAddRow and OnServerEditRow

We have fixed in the section. function complete(args

  <script type="text/javascript">

        function complete(args) {

               var dataManger;

            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialogtemplate") {

                //$("#Freight").ejNumericTextbox({ value: parseFloat($("#Freight").val()), width: "116px", height: "28px", decimalPlaces: 2 });

                //$("#EmployeeID").ejNumericTextbox({ value: $("#EmployeeID").val(), width: "116px", height: "28px" });

                $("#tsbStatusString").ejDropDownList({ width: '116px' });

                if (args.requestType == "beginedit") {

                    $("#tsbNoString").attr("disabled", "disabled");

                    //$("#tsbStatusString").ejDropDownList("setSelectedValue", args.row.children().eq(4).text());

                    var ddldata = @Html.Raw(Json.Encode(ViewBag.ListStatus)) 

                        $('#tsbStatusString').ejDropDownList({

                            dataSource: ddldata,

                            fields: { text: "text", value: "value" },

                            setSelectedValue: args.row.children().eq(4).text()

                        });

                    $("#RTE").ejRTE(); // Rendering RTE 

                }

            }

        }

But still no selection SelectedValue

According to the attachment file.

Query#:- We will use it in @ Html.EJ (). RTE ("rteSample") in "template". How to do it? 

 

We follow the instructions and use it well.

If we add an upload file too

Give me some advice

THX.

MJ

Attachment: Capture_q4_f25dd812.zip

[Phonchai Sakunchinnasee]

Thank you very much for the advice.

Query#:- but Dropdownlist not Select vale show in picture attach 

 

We have checked your reported problem and to display the value while on Editing, we need to set using setSelectedValue property of dropdownList on ActionComplete event. 

Please refer to the code example:- 

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True"OnServerEditRow="EditEvents_ServerEditRow" OnServerAddRow="EditEvents_ServerAddRow" 

/>

I use MVC razor syntex no event OnServerAddRow and OnServerEditRow

We have fixed in the section. function complete(args

  <script type="text/javascript">

        function complete(args) {

               var dataManger;

            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialogtemplate") {

                //$("#Freight").ejNumericTextbox({ value: parseFloat($("#Freight").val()), width: "116px", height: "28px", decimalPlaces: 2 });

                //$("#EmployeeID").ejNumericTextbox({ value: $("#EmployeeID").val(), width: "116px", height: "28px" });

                $("#tsbStatusString").ejDropDownList({ width: '116px' });

                if (args.requestType == "beginedit") {

                    $("#tsbNoString").attr("disabled", "disabled");

                    //$("#tsbStatusString").ejDropDownList("setSelectedValue", args.row.children().eq(4).text());

                    var ddldata = @Html.Raw(Json.Encode(ViewBag.ListStatus)) 

                        $('#tsbStatusString').ejDropDownList({

                            dataSource: ddldata,

                            fields: { text: "text", value: "value" },

                            setSelectedValue: args.row.children().eq(4).text()

                        });

                    $("#RTE").ejRTE(); // Rendering RTE 

                }

            }

        }

But still no selection SelectedValue

According to the attachment file.

Query#:- We will use it in @ Html.EJ (). RTE ("rteSample") in "template". How to do it? 

 

We follow the instructions and use it well.

If we add an upload file too

Give me some advice

THX.

MJ

Attachment: Capture_q4_f25dd812.zip

Request more advice.

Between Add and Edit

DialogBox is not the same

Ask for advice.

Attachment: Capture_q5_9b86faec.zip

[Farveen Sulthana Thameeztheen Basha]

Hi Phonchai 

Query#:- But still no selection SelectedValue 

 

We have checked your query and prepared sample as per your code example but we are unable to reproduce your reported problem at our end. Refer to the sample Link:- 

https://www.syncfusion.com/downloads/support/forum/145692/ze/Sample1458621663267190 

 

We need some more additional information to find the cause of the issue. Share us the following details. 

1. Please ensure that you have placed the dropdownlist as per above sample.
2. Screenshot/Video Demo to replicate the issue.
3. If possible replicate the issue in the above sample and revert us back.
4. Ensure that you have used same dataSource for both Grid and dropdownList.

Query#2:- If we add an upload file too 

Give me some advice 

We suspect that you need to upload file while on Editing. We have already discussed about how to upload file by placing upload box in Grid in our syncfusion knowledge base. 

Refer to the KB Link:- 

https://www.syncfusion.com/kb/8885/how-to-bind-uploadbox-in-ejgrid 

Query#3:- Between Add and Edit 

DialogBox is not the same 

 

We have checked your reported problem but we are unable to reproduce the problem at our end. Refer to the demo Link:- 

https://mvc.syncfusion.com/demos/web/grid/dialogediting 

We need some more additional details regarding this. Share us the following details. 

1. Exact scenario you are facing the issue.
2. Share us the screenshot while on Add and Edit.
3. Complete Grid code example(both in server and client side).

Regards, 

Farveen sulthana T 

[Phonchai Sakunchinnasee]

THX.

[Farveen Sulthana Thameeztheen Basha]

Hi Phonchai, 

  

Thanks for your update. Please get back to us if you need any further assistance. 

  

Regards, 

Farveen sulthana T 

[Phonchai Sakunchinnasee]

THX. very much

[Manivannan Padmanaban]

Hi Phonchai, 

Thanks for the update.  

Kindly get back to us, if you need further assistance. 

Regards, 

Manivannan Padmanaban.