jQWidgets Forums

jQuery UI Widgets Forums Grid Popup Window help

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  musclecarlover07 10 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Popup Window help #66021

    musclecarlover07
    Participant

    First of all I am completely new to all of this. I have been self teaching myself over the last few months. So bear with me.

    I am using Microsoft Visual Studio 12, so I hope that isn’t a problem.

    I have a template that uses the table I have connected to. My problem is One of my fields has a lot of data and cause it to make the row bigger then I want. I just want to have that column to show a few words then hide the rest of the data. Then when I want to click on a link in that specific box and then a pop up box opens up displaying the full text. Also giving me the ability to edit the text. I tried to use example found at: http://www.jqwidgets.com/community/topic/how-to-populate-modal-popup-window-dynamically/ but that sort of helped. That is almost what I am looking for. The only difference is instead of and edit button as its own column I want to incorporate that into the actual column. I hope this is clear.

    Popup Window help #66026

    Peter Stoev
    Keymaster

    Hi musclecarlover07,

    Here’s a sample: http://jsfiddle.net/50yejmfj/. Click Product to open the window.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    Popup Window help #66027

    musclecarlover07
    Participant

    While that was some help. I am still lost. One I am not able to open the link on my computer. I can open it open it on my phone. Which doesn’t help to much.

    I understand a little of it an what it is saying and trying to do. I don’t understand why the different var are there. Example first name and last name. Then it only lists a select few of the names.

    Then this is the code that will perform the popup box with the value from the field that is selected:

    $("#window").jqxWindow({autoOpen: false, theme: 'energyblue'});
    $('#table').on('rowClick', function (event) {
        var args = event.args;
        var row = args.row;
        var column = args.dataField;
        if (column === "productname")
        {
            var value = row.productname;
            $("#window").jqxWindow({content: value});
            $("#window").jqxWindow('open');
        
        }

    But for the rest I am not understanding its purpose.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.