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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

We use the GRID and use. AllowSearching ()

Thread ID:

Created:

Updated:

Platform:

Replies:

145692 Jul 2,2019 10:10 AM UTC Jul 25,2019 05:40 AM UTC ASP.NET MVC 10
loading
Tags: Grid
Phonchai Sakunchinnasee
Asked On July 2, 2019 10:10 AM UTC





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 [Syncfusion]
Replied On July 4, 2019 11:19 AM UTC

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 


Phonchai Sakunchinnasee
Replied On July 5, 2019 04:32 AM UTC

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 [Syncfusion]
Replied On July 8, 2019 09:33 AM UTC

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 


Phonchai Sakunchinnasee
Replied On July 9, 2019 10:25 AM UTC

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
Replied On July 9, 2019 10:56 AM UTC

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 [Syncfusion]
Replied On July 11, 2019 02:38 AM UTC

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 




Phonchai Sakunchinnasee
Replied On July 11, 2019 04:38 AM UTC

THX.

Farveen Sulthana Thameeztheen Basha [Syncfusion]
Replied On July 12, 2019 04:32 AM UTC

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


Phonchai Sakunchinnasee
Replied On July 24, 2019 07:04 AM UTC

THX. very much


Manivannan Padmanaban [Syncfusion]
Replied On July 25, 2019 05:40 AM UTC

Hi Phonchai, 

Thanks for the update.  

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

Regards, 
Manivannan Padmanaban. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon