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 : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Dialog setValue In ColorPicker

Thread ID:

Created:

Updated:

Platform:

Replies:

132083 Aug 12,2017 07:35 PM UTC Aug 15,2017 06:20 AM UTC ASP.NET Web Forms 3
loading
Tags: Dialog
Tomasz
Asked On August 12, 2017 07:36 PM UTC

I have created a nice ejDialog i have put an asp: Label, asp:TextBox and ejColorPicker when selecting a row of grid it appears me a lovely ejDialog with the data of the row, but when I want to save changes in the controls there is no data, ok , Null Value
But when I add terget to ejDialog I can not setValue to ColorPicker.

function openDialog(args) {

$("#AdminContent_dialog").ejDialog("open");

$("#AdminContent_dialog_lblID").text(args.data["StId"]);

$("#AdminContent_dialog_txtStatName").val(args.data["RoomStatus"]);

var colorObj = $("#AdminContent_dialog_ColoRicker").ejColorPicker().data("ejColorPicker");

colorObj.setValue(args.data["StatusColor"]);

}


Selvamani Sankarappan [Syncfusion]
Replied On August 14, 2017 09:06 AM UTC

Hi Tomasz, 
 
Thanks for contacting Syncfusion support. 
 
We have checked your requirement and we were unable to reproduce the reported issue at our end while using the target of dialog. Please refer to the following sample: 
 
[aspx] 
<div id="content"> 
        <ej:Grid ID="OrdersGrid" runat="server" AllowPaging="false" AllowSelection="true" Selectiontype="Single"> 
            <ClientSideEvents RowSelected="rowSelected" /> 
            <SelectionSettings SelectionMode="row" /> 
            <Columns> 
                <ej:Column Field="StId" /> 
                <ej:Column Field="RoomStatus" /> 
                <ej:Column Field="StatusColor" /> 
            </Columns> 
        </ej:Grid> 
 
        <ej:Dialog ID="basicDialog" runat="server" Title="Dialog" ShowOnInit="false" Target="#content"> 
            <DialogContent> 
                <asp:Label ID="label" runat="server"></asp:Label> 
                <asp:TextBox ID="textbox" runat="server"></asp:TextBox> 
                <ej:ColorPicker ID="colorpicker" runat="server"></ej:ColorPicker> 
            </DialogContent> 
        </ej:Dialog> 
    </div> 
[script] 
function rowSelected(args) { 
            var dialogObj = $("#<%=basicDialog.ClientID%>").data("ejDialog"); 
            dialogObj.open(); 
            $("#MainContent_basicDialog_label").text(args.data["StId"]); 
            $("#MainContent_basicDialog_textbox").val(args.data["RoomStatus"]); 
            var colorObj = $("#<%=colorpicker.ClientID%>").data("ejColorPicker"); 
            colorObj.setValue(args.data["StatusColor"]); 
        } 
 
We have prepared the sample based on your requirement. Please refer to the following sample: 
 
If the above does not meet your requirement, kindly share modified sample based on your application to check and provide an appropriate solution at the earliest. 
 
Regards, 
 
Selvamani S. 


Tomasz
Replied On August 14, 2017 09:26 AM UTC

Hi Selvamani

Again my fault, writing name of target i forgot add "#" to the name. - Target="target" instead Target="#target".
Thank You


Selvamani Sankarappan [Syncfusion]
Replied On August 15, 2017 06:20 AM UTC

Hi Tomasz, 
 
Thanks for the update. 
 
Let us know if you need any further assistance. 
 
Regards, 
 
Selvamani S. 
 


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.

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

;