Wijmo HTML5 controls in "Studio for ASP.NET Wijmo"

Originally Posted 9 September 2014, 4:12 pm EST

  • Originally Posted 9 September 2014, 4:12 pm EST

    I have installed the "ComponentOne Studio Enterprise" and activated the license. I can use the c1 controls for ASP.NET applications. Now I want to use the "wijgrid" and other widgets for HTML5 application.

    I looked into this installation folder "C:\Program Files (x86)\ComponentOne\Studio for ASP.NET Wijmo" to check any subfolders available for HTML5 widgets. But I can see only the folders 1. ASP.NET MVC Tools 2. bin 3. c1excel etc.. and not any folders for HTML5 widgets.

    If I try to include HTMl5 tools in HTML tab in toolbox, all the controls found in the name started with c1 under .Net framework components. I searched in the internet, it seems for wijmo grid widget we have to use "wijmo.grid.wijgrid" namespace. In which folder we get the HTML5 widgets and how to include in HTML5 application ?

    Now I am using wijgrid through jquery and able to bind static data. If I try to bind the dynamic data, it shows an error "Subscribe undefined".
  • Reply

    Hello kartikthangavel ,

    You can download Wijmo build from the following url :
    http://wijmo.com/downloads/

    Please refer to the following documentation link on how to use WijGrid in an application :
    http://wijmo.com/docs/wijmo/webframe.html#Grid.html

    Regarding the error, could you please let us know how exactly are you binding WijGrid ?

    Thanks,
    Richa
  • Reply

    Thanks for your reply. I have tried the below js code to bind data in wijgrid based on the code found in the below url.

    [u]http://wijmo.com/docs/wijmo/webframe.html#GridQuickStart.html[/u]


    var soapRequest = wsUrl
    $.ajax({
    type: "POST",
    url: wsUrl,
    contentType: "text/xml",
    crossDomain: true,
    data: soapRequest,
    success: processSuccess,
    error: processError
    });


    data from wsUrl (web service) :

    [
    [ "8/21/2014 8:23:58 PM", "Mail Server Details", " Details : Server : smtp.gmail.com Mail port : 587 User : Ram,admin, Admin"
    ],
    [ "9/4/2014 5:13:58 PM", "Mail Server Details", " Details : Server : smtp.gmail.com Mail port : 587 User : Ram,admin, Admin"
    ]
    ]



    After getting this result, I call the below function "processSuccess" and it will concatenate the above highlighted json data and call a function bindgrid to bind the concatenated data. But it shows an error as like in the attached file. In case of pass the static data, we are able to get the result.


     function processSuccess(data, status, req) {
    if (status === "success")
    {
    var jresult = $(req.responseText).find("GetLogDetailListResult").text();
    var obj = jQuery.parseJSON( jresult );
    if(obj === '' || obj.length === 0 )
    {
    $('.error').html('');
    $('.error').css('color','#F00');
    $('.error').html('Log is empty ');
    }
    else{
    console.log(obj.length);
    var datas = "[";
    $.each(obj, function( index, value ) {
    datas+="[";
    $.each(obj[index], function( ind, val ) {
    datas+='"'+val+'"';
    if(ind !== "UserType")
    datas+=",";
    });
    datas+="]";
    if(index < obj.length-1)
    datas+=",";
    });
    datas+="]";
    console.log(datas);
    var pageid = 1;
    bindgrid(datas,pageid);
    }
    }
    }

    function bindgrid(datas1,pageid){
    alert(datas1+pageid);
    $("#wijgrid1").wijgrid({
    allowSorting: true,
    allowPaging: true,
    pageSize: 12,
    data:datas1,
    columns: [
    {headerText: "Date"},
    {headerText: "Type"},
    {headerText: "Description"}
    ]
    });
    }




  • Marked as Answer

    Reply

    @richas said:
    Hello kartikthangavel ,

    You can download Wijmo build from the following url :
    http://wijmo.com/downloads/

    Please refer to the following documentation link on how to use WijGrid in an application :
    http://wijmo.com/docs/wijmo/webframe.html#Grid.html

    Regarding the error, could you please let us know how exactly are you binding WijGrid ?

    Thanks,
    Richa


    We got it working. We missed to parsing the data as json before try to bind. Now its fixed. Thanks.
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels