Retrieve and Change Dialog Elements on Javascript

[Chong Yee Mei]

Hi,

Would like to know how do I access the dialog elements, such as content, title and etc via Javascript for changing.

We have tried the following, as seems like the model data has changed, but not reflected on the dialog box.

var dialogObj = $("#EditorDialog").data("ejDialog");

dialogObj.model.title = result.d.Name;

dialogObj.open();

[Kalpana Kandasamy]

Hi Chong,

 Thank you for using Syncfusion Products.

We can access the title of Dialog using “title” property. For adding new content, we can empty the content of Dialog and new content can be placed using “contentUrl”.  Then we can get the replaced tile and content of Dialog control as shown as below,

[JavaSript]

<code>

<script type="text/javascript">

    var dialog;

    $(function () {

        // declaration

 

        dialog = $("#basicDialog").data('ejDialog');

    });

 

    function oncreate() {

        dialog.option("title", "Audi");

        $('#basicDialog').html("");

        dialog.option("contentUrl", "text.html");

    }

 

    script>

code>

 

Note: “text.html” file is available in the project.

 We have prepared a sample based on this and you can find the sample under the following location:

Sample : Dialog Sample

Please let us know if you have further queries

Regards,

Kalpana K

 

[Kalpana Kandasamy]

 

Hi Chong,

 

Thank you for using Syncfusion Products.

We can access the title of Dialog using “title” property. For adding new content, we can empty the content of Dialog and new content can be placed using “contentUrl”.  Then we can get the replaced tile and content of Dialog control.

[JavaSript]

<code>

<script type="text/javascript">

    var dialog;

    $(function () {

        // declaration

 

        dialog = $("#basicDialog").data('ejDialog');

    });

 

    function oncreate() {

        dialog.option("title", "Audi");

        $('#basicDialog').html("");

        dialog.option("contentUrl", "text.html");

    }

 

    script>

code>

 

Note: “text.html” file is available in the project.

 

We have prepared a sample based on this and you can find the sample under the following location:

Sample : Dialog Sample

Please let us know if you have further queries

Regards,

Kalpana K

 

 

 

[Chong Yee Mei]

Hi,

We have tried using dialog.option("title", "titlehere");

But it still does not update to be displayed on screen, the dialog being shown still does not have the new title.

[Chong Yee Mei]

It's alright, we found the problem, it seems we must call the open AFTER the setting of property, not before.

Previously, not working:

dialogObj.open();

dialogObj.option("title", activeNodeData.Name);

Now working:

dialogObj.option("title", activeNodeData.Name);

dialogObj.open();

[Ezhil S]

Hi Chong,

Thanks for your update.

We are glad that your issue have been resolved.

Kindly get back to us if you have further queries.

Regards,

Ezhil S