We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

We use the GRID and use. AllowSearching ()





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

10 Replies

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 4, 2019 03:19 AM

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:- 
 
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 



PS Phonchai Sakunchinnasee July 4, 2019 08:32 PM

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


FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 8, 2019 01:33 AM

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> 



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 



PS Phonchai Sakunchinnasee July 9, 2019 02:25 AM

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


PS Phonchai Sakunchinnasee replied to Phonchai Sakunchinnasee July 9, 2019 02:56 AM

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


FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 10, 2019 06:38 PM

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:- 
 
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:- 

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:- 

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 





PS Phonchai Sakunchinnasee July 10, 2019 08:38 PM

THX.


FS Farveen Sulthana Thameeztheen Basha Syncfusion Team July 11, 2019 08:32 PM

Hi Phonchai, 
  
Thanks for your update. Please get back to us if you need any further assistance. 
  
Regards, 
Farveen sulthana T 



PS Phonchai Sakunchinnasee July 23, 2019 11:04 PM

THX. very much



MP Manivannan Padmanaban Syncfusion Team July 24, 2019 09:40 PM

Hi Phonchai, 

Thanks for the update.  

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

Regards, 
Manivannan Padmanaban. 


Loader.
Live Chat Icon For mobile
Up arrow icon