1. Home
  2. Forum
  3. jQuery
  4. Datamanager with sql server

Datamanager with sql server

Hi,

I find this code here:


<div id="Grid"></div>
<script type="text/javascript">
    $(function () {// Document is ready.
        //oData Adaptor with DataManager
        var dataManager = new ej.DataManager("http://mvc.syncfusion.com/Services/Northwnd.svc/Foods");
        $("#Grid").ejGrid({
            dataSource: dataManager
        });
    });
</script>


My question is how do i connect to northwind(Or any database my local SqlServer) from DataManager
the URL is confusing... does DataManager can connect to SqlServer ? Or SqlDataSource

thanks for your help

mk




35 Replies
VA Venkatesh Ayothi Raman Syncfusion Team March 24, 2016 12:22 PM UTC

Hi Martin,

Thanks for contacting Syncfusion support.

We are checked your code example and found that you are using online service Url in data manager. Based on your requirement we have created a sample. In this sample, we can get data from northwind data base using api controller. Please refer to the code example, help document and sample,
Code Example:

<javascript>

<div id="Grid"></div>

<script type="text/javascript">

    $(function () {

       

        $("#Grid").ejGrid({

            dataSource: ej.DataManager({url:"/api/GridApi/getData"}),

        });

    });

</script>

<API controller>

public class GridApiController : ApiController

    {

        NORTHWNDEntities db = new NORTHWNDEntities();

        public object getData()

        {

           


            var queryString = HttpContext.Current.Request.QueryString;

            int skip = Convert.ToInt32(queryString["$skip"]);

            int take = Convert.ToInt32(queryString["$top"]);

            var data = db.Orders.Skip(skip).Take(take).ToList();

            return new { Items = data.Skip(skip).Take(take), Count = data.Count() };//return a data and count

        }

    }


Help document: http://help.syncfusion.com/aspnetmvc/grid/data-adaptors#webapi-adaptor

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication25-860686097



Regards,

Venkatesh Ayothiraman.



MA Martin March 24, 2016 05:06 PM UTC

Hi !

Not MVC application but WebForm ASP.NET application.

thanks again.

MK



MA Martin March 24, 2016 05:29 PM UTC

Hi,

Can DataManager connect directly to sql server database ?

thank you

MK

JK Jayaprakash Kamaraj Syncfusion Team March 25, 2016 08:49 AM UTC

Hi Martin,

Query1: Not MVC application but WebForm ASP.NET application.

We have created sample in asp.Net application. Please refer to the following link.

Link: http://www.syncfusion.com/downloads/support/forum/123513/ze/SyncfusionASPNETApplication24-758903723


Query2: Can DataManager connect directly to sql server database ?

No, we cannot directly connect to sql server database. We need to action and then we will collect data form sql server database.

Regards,

Jayaprakash K.

KS Kalai Sirajeddine February 8, 2018 02:21 PM UTC

Hi,

I'm having same issue, in all examples I see there's always :
ej.DataManager({
          url: "http://mvc.syncfusion.com/Services/Northwnd.svc/Orders/",
      });


But I'm using SQLexpress DataBase, here's what I have in controller:
public HomeController(NORTHWNDContext context)
        {
            _context = context;
        }

        public IActionResult Index()
        {
            ViewBag.datasource = _context.Orders.ToList();
            return View();
        }


With MVC core, I had in treegrid:
<e-datamanager adaptor="remoteSaveAdaptor" insert-url="/Home/Insert" update-url="/Home/Update" remove-url="/Home/Delete" json="(IEnumerable<object>)ViewBag.datasource"><e-datamanager>


But now that I changed all treegrid to script, I'm wondering how to translate this line.
I've started with :
dataSource: ej.DataManager({
          adaptor: "remoteSaveAdaptor",
          insertUrl:"/Home/Insert" ,
          updateUrl:"/Home/Update" ,
          removeUrl:"/Home/Delete",
      }),
But didn't know how to call viewbag after.

Regards,

Kalai Sirajeddine.


MP Manivannan Padmanaban Syncfusion Team February 9, 2018 12:28 PM UTC

Hi Kalai, 
 
Thanks for contacting syncfusion support. 
 
We have analyzed your query and we are able to understand that you need to return the dataSource value from viewbag. Please refer the below code example, 
 
 
<ej-grid id="FlatGrid" allow-paging="true"> 
          <e-datamanager adaptor="remoteSaveAdaptor" insert-url="/Home/Insert" update-url="/Home/Update" remove-url="/Home/Delete" json="(IEnumerable<object>)ViewBag.datasource"><e-datamanager></e-datamanager>     
 
  dataSource: ej.DataManager({ 
          json : "data" 
          adaptor: "remoteSaveAdaptor", 
          insertUrl:"/Home/Insert" , 
          updateUrl:"/Home/Update" , 
          removeUrl:"/Home/Delete", 
      }), 
        <e-columns> 
……….. 
            <e-column field="ShipCity" header-text="Ship City" width="110"></e-column> 
        </e-columns> 
 
</ej-grid> 
 
<script> 
    var data = @Html.Raw(Json.Serialize(ViewBag.datasource)); 
</script> 
 
 
 
Also refer the help documentation link here, 
 
 
Regards, 
 
Manivannan Padmanaban. 


KS Kalai Sirajeddine February 12, 2018 12:01 PM UTC

Hi Manivannan,

Thanks for help.I'm actually writing all code in script. I checked documentation and found that proposed adaptor are not the same:
*adaptor: new ej.remoteSaveAdaptor()
*adaptor: "remoteSaveAdaptor"

I tried both and here's my code:

$(function () {
$("#treegrid").ejTreeGrid({
dataSource: ej.DataManager({
json: @Html.Raw(Json.Serialize(ViewBag.datasource)),
adaptor: "remoteSaveAdaptor", 
updateUrl: "/Tab/Update",
insertUrl: "/Tab/Insert",
removeUrl: "/Tab/Delete"
}),
....
}); });

I'm having three issues:
*If treegrid is not my first active tab-item, treegrid display is bugging, filter fields are smaller and scroll does not appear. I have sent an image explaining these three issues and I'm trying to make browser scroll not appearing, that's why height is at 61.5vh like seen in image(was 84vh with static data and treegrid display was ok).
*Like seen in the image, data is loaded succesfully from database,but the problem is the crud is not saving when I refrech the page, I can see changes not being saved. The method and controller name are correctly written but it's not accessing to the method.
*is-primary-key="true" and is-identity="true" can't be used in treegrid? Because those, I think, are needed in "NORTHWND.cs" for:
[Key]
[DatabaseGeneratedAttribute(DatabaseGeneratedOption.Identity)]
public int OrderID { get; set; }
Attachment: treegrid_display_bug_4a148711.7z

KS Kalai Sirajeddine February 13, 2018 08:55 AM UTC

Hi,
I changed my treegrid to a grid, added  isPrimaryKey: true and isIdentity: true to orderId column and changed ej.TreeGrid.ToolbarItems.Add to ej.Grid.ToolbarItems.Add ... And now crud is saving but I need to work with treegrid

Regards,

Kalai Sirajeddine.


JD Jayakumar Duraisamy Syncfusion Team February 15, 2018 03:17 PM UTC

Hi Kalai, 
 
Please find the response below. 
 
Query 1: If treegrid is not my first active tab-item, treegrid display is bugging, filter fields are smaller and scroll does not appear. I have sent an image explaining these three issues and I'm trying to make browser scroll not appearing, that's why height is at 61.5vh like seen in image(was 84vh with static data and treegrid display was ok). 
 
Answer: We have analyzed the reported issue with your given image, when we render the TreeGrid inside a hidden element (inactive tab), TreeGrid control’s height and width will not be updated properly. We need to refresh its height and width while making the TreeGrid container visible. 
 
 
Please refer following code snippet, 
<ej-tab id="tabSample"  item-active="onactive" 
   <e-tab-items> 
      <e-tab-item id="Mobile" text="Testing"> 
/… 
</e-tab-item> 
<e-tab-item id="MVC" text="Book1"> 
<e-content-template> 
                <div> 
        // TreeGrid  
</e-content-template> 
        </e-tab-item> 
</e-tab-items> 
</ej-tab> 
 
<script type="text/javascript">  
function itemActive(args) {  
            //returns current active index.  
            if (args.activeIndex == 1) {  
                var obj = $("# TreeGridContainer ").data("ejTreeGrid");  
                if (obj) {  
                    obj.setModel({ "sizeSettings": { "height": "350px", "width": "100%" } });  
                }  
            }  
        }      
</script>  
 
Query 2: Like seen in the image, data is loaded succesfully from database,but the problem is the crud is not saving when I refrech the page, I can see changes not being saved. The method and controller name are correctly written but it's not accessing to the method. 
Answer: Currently, we don’t have data-Manger adapter support to perform CRUD operation in TreeGrid. But, we can achieve it by using ajax post. 
By using Client-side events like action-Complete & end-Edit is used to add/delete & update the record respectively in the ajax post. 
 
Please refer following code snippet, 
<ej-tree-grid id="TreeGridContainer" datasource="ViewBag.datasource" 
action-complete="ActionComplate" end-edit="EndEdit" 
//.. 
> 
</ej-tree-grid> 
<script type="text/javascript">             
 
    function EndEdit(args) { 
            var editedRecord = (args.requestType == "update") ? args.currentValue : args.data.item; 
            //This varible holds the data of the edited record. You can updated it to your remote datasource 
            $.ajax({ 
                type: "POST", 
                url: "/Home/Update",  //Update is Server side method 
                data: editedRecord, 
                dataType: "json", 
            }); 
        } 
 
    function ActionComplate(args) { 
 
            var record = args.data; 
            if (args.requestType === 'addNewRow') { 
                //Newly Added Record is obtained here , which can be updated to database 
 
                addedRecord = args.addedRow; 
                $.ajax({ 
                    type: "POST", 
                    url: "/Home/Add",//Add is Server side method 
                    data: addedRecord, 
                    dataType: "json", 
                }); 
 
            } else if (args.requestType === 'delete') { 
 
                var deletedRecord = args.data.item; //This is the deleted item. 
                $.ajax({ 
                    type: "POST", 
                    url: "/Home/Delete",  //Delete is Server side method 
                    data: deletedRecord, 
                    dataType: "json", 
                }); 
                if (args.data.hasChildRecords) { 
                    deleteChildRecords(args.data); 
                } 
                //If deleted item has child records, we need to delete that too 
            } 
        } 
 
 
        //Delete inner level child records 
        function deleteChildRecords(record) { 
            var childRecords = record.childRecords, 
                length = childRecords.length, 
                count, currentRecord; 
            for (count = 0; count < length; count++) { 
                currentRecord = childRecords[count]; 
                var deletedChildRecord = currentRecord.item; //This is the deleted child item. 
                //If the above deleted child record has child records, then we need to delete that too. 
                if (currentRecord.hasChildRecords) { 
                    deleteChildRecords(currentRecord); 
                } 
            } 
        } 
</script> 
 
Query 3: *is-primary-key="true" and is-identity="true" can't be used in treegrid? Because those, I think, are needed in "NORTHWND.cs" for: 
 
Answer: By default, TreeGrid hierarchy structure for flat data (remote data) has rendering based on id-mapping & parent-id-mapping column. To make an id-mapping column as read only then it can be achieved by using column property “allow-editing” as false to respective column. In TreeGrid flat data binding, id-mapping column get auto increment when add new data. 
 
Please refer following code snippet, 
<ej-tree-grid id="TreeGridContainer"  
id-mapping="TaskId" 
parent-id-mapping="ParentId" 
//… 
> 
</ej-tree-grid> 
We also prepared a sample for your reference. Please find the sample location as below, 
Please let us know, if you have any assistance on this. 
  
Regards, 
Jayakumar D 


KS Kalai Sirajeddine February 16, 2018 10:40 AM UTC

Hi Jayakumar,

Thanks for the ActiveItem tip, that solved the problem.

But for CRUD issue, I removed from DataSource
adaptor: "remoteSaveAdaptor", 
updateUrl: "/Tab/Update",
insertUrl: "/Tab/Insert",
removeUrl: "/Tab/Delete"  

and added the ajax code post, "allowEditing: false" for OrderId, replacing "Home" by "Tab" in Url and adding

actionComplete: "actionComplete",
endEdit: "endEdit",
treeColumnIndex: 1,
idMapping: "OrderID",
parentIdMapping: "parentID",

Still CRUD not saving changes and not accesing to methods in controller:
public ActionResult Insert([FromBody]CRUDModel<Orders> param)
        {
            _context.Orders.Add(param.Value);   //record to be added in DB
            _context.SaveChanges();
            //var data = _context.Orders.ToList();
            return Json(param.Value);     //return the added records
        }
        public ActionResult Update([FromBody]CRUDModel<Orders> param)
        {
            var db = _context;
            db.Entry(param.Value).State = EntityState.Modified;
            db.SaveChanges();
            return Json(param.Value);

        }
        public ActionResult Delete([FromBody]CRUDModel<Orders> param)
        {
            var db = _context;
            Orders order = db.Orders.Where(c => c.OrderID == Convert.ToInt32(param.Key)).FirstOrDefault();
            db.Orders.Remove(order);
            db.SaveChanges();
            return Json(order);
        }

Regards,

Kalai Sirajeddine.


JD Jayakumar Duraisamy Syncfusion Team February 20, 2018 01:58 PM UTC

Hi Kalai, 
 
We have analyzed the reported issue in our sample but unable to replicate it. Can please share your client-side code snippet of TreeGrid and update the AJAX code snippets for CRUD operation. It will be helpful for us to provide exact solution. 
  
Regards, 
Jayakumar D 


KS Kalai Sirajeddine February 20, 2018 02:58 PM UTC

Hi Jayakumar,

I noticed an error while trying to edit: "POST http://localhost:60850/Tab/Update 415 (Unsupported Media Type)"
I checked code again and still didn't found the problem, here's treegrid code(treegrid contained in a tabItem) and an image showing the error

Regards,

Kalai Sirajeddine.



Attachment: codeerror_7ead077d.7z

JD Jayakumar Duraisamy Syncfusion Team February 21, 2018 01:05 PM UTC

Hi Kalai, 
Thank you for providing your code snippets. 
We have analyzed the given code snippet and there may be several reasons for unable to the call server-side method using AJAX request. But, we are suspecting that server-side method argument type may be invalid to receive the client data. We would like to suggest you that use argument has Orders class type instead of entity model (CRUD) and also use “HttpPost” annotation above the server-side methods. 
 
Please refer following code snippet, 
function endEdit(args) { 
            var editedRecord = (args.requestType == "update") ? args.currentValue : args.data.item; 
            //This varible holds the data of the edited record. You can updated it to your remote datasource 
            $.ajax({ 
                type: "POST", 
                url: "/Tab/Update",  //Update is Server side method 
                data: editedRecord, 
                dataType: "json", 
            }); 
        } 
[HttpPost()] 
        public ActionResult Update(Orders param) 
        { 
 
         } 
 
Note: If the client-side data name, size or data type is mismatched with server-side method parameter then the method will not be called. 
 
If the given solution doesn’t resolve your issue, then share your demo sample which can able to replicate the issue. We will try to provide an exact solution. 
Regards, 
Jayakumar D 


KS Kalai Sirajeddine February 21, 2018 02:53 PM UTC

Hi Jayakumar,
thanks for help, it's working now
Changed to type orders, adding httppost annotation and replacing param.value by param inside ActionResults code. Thanks

Regards,

Kalai Sirajeddine.


JD Jayakumar Duraisamy Syncfusion Team February 22, 2018 03:58 AM UTC

Hi Kalai, 
We are glad that your issue has been resolved. Please let us know, if you need any other assistance. 
 
Regards, 
Jayakumar D 


KS Kalai Sirajeddine February 26, 2018 09:49 AM UTC

Hi,
I had problem displaying treegrid, solved now by itemActive in tab:
function beforeActive(args) {
        if (args.activeIndex == 2) {
            var obj = $("#treegrid").data("ejTreeGrid");
            if (obj) {
                obj.setModel({ "sizeSettings": { "height": "84.5vh", "width": "100%" } });
            }
        }
}
Now I'm having the exact same issue with grid, problem is that sizeSettings does not work with grid, also tried scrollSettings still not working:
if (args.activeIndex == 3) {
            var obj = $("#grid").data("ejGrid");
            if (obj) {
                obj.setModel({ "scrollSettings": { "height": "84.5vh", "width": "100%" } });
            }
        }

Regards,

Kalai Sirajeddine.


JD Jayakumar Duraisamy Syncfusion Team February 27, 2018 02:58 PM UTC

Hi Kalai,   
We have analyzed your query and we are unable to reproduce the mentioned issue. We have prepared a online sample with the same requirement which can be found below. 
 
If you still face the issue please share the following details. 
Regards, 
Jayakumar D 
  


 
  1. Share the grid code example.
  2. Screenshot or video demo of the replication procedure of the issue.
  3. Syncfusion Essential studio versions.
  
The provided details will help us to analyze the query and provide the solution as soon as possible.  


KS Kalai Sirajeddine February 28, 2018 08:56 AM UTC

Hi Jayakumar,

Actually, Tab-item containing the grid is created by link:
function btnClick() {
                var tabobj = $("#tabSample").data("ejTab");
                var index = tabobj.items.length;
                tabobj.addItem("/Tab/TabContent", "Page 1-3", index, "", "TabContent");
                $("#collapase").collapse('hide');
                $("#tabSample").ejTab({ selectedItemIndex: index });
            }
also heres my grid code in TabContent view (onClientActive() is exactly the same):
<div id="grid">
</div>
<script>
    $(function () {
        $("#grid").ejGrid({
            scrollSettings: {
                width: "100%",
                height: "85vh"
            },
            isResponsive: true,   
            allowScrolling: true,
            allowPaging: true,
            pageSettings: {               
                pageCount: 5,
                pageSize: 20,
            },
            allowSorting: true,
            allowFiltering: true,       
            editSettings: {
                allowAdding: true,
                allowEditing: true,
                allowDeleting: true,
                editMode: "batch",
            },
            dataSource: ej.DataManager({
                json: @Html.Raw(Json.Serialize(ViewBag.datasource)),
                adaptor: "remoteSaveAdaptor",
                updateUrl: "/Tab/Update",
                insertUrl: "/Tab/Insert",
                removeUrl: "/Tab/Delete"
            }),      
            columns: [
                { field: "OrderID", headerText: "OrderID", editType: "numericedit", allowEditing: false, isPrimaryKey: true, isIdentity: true },
                { field: "CustomerID", headerText: "CustomerID", editType: "stringedit" },
                { field: "EmployeeID", headerText: "EmployeeID", editType: "numericedit" },
                { field: "Sum", headerText: "Sum", editType: "numericedit" },
                { field: "ShipCity", headerText: "ShipCity", editType: "stringedit" }
            ],
            toolbarSettings: {
                showToolbar: true,
                toolbarItems: ["add", "edit", "delete", "update", "cancel"],
            }
        });
    });
</script>

I updated to last version 16.1.0.24 and sended images explaining the issues
Like you said for TreeGrid, grid control’s are not be updated properly, even with onClientActive()(was working fine when it was a treegrid inside TabContent)

Regards,

Kalai Sirajeddine.


Attachment: grid_display_issues_2f73fcdf.7z

RS Renjith Singh Rajendran Syncfusion Team March 1, 2018 10:16 AM UTC

Hi Kalai, 

We have analyzed your screenshots and the code snippets. We are not able to reproduce the reported issue from the screenshot. Grid renders fine inside the Tab with the provided height with scroller rendered in it and also the Grid element is inside the Tab element. We have prepared a JSPlayground sample based on your requirement, please refer the link below, 

Query : filter_fields_not_corresponding_to_edit_type_columns.png 
We suspect that you would like to enter the filter values based on the editType provided. We suggest you to use the filterBarTemplate property of Grid. Please refer the documentation link below, 

If you still face issues in containing the Grid to be within Tab control, you may use the Responsive support of Grid. Please refer the documentation link below, 

Regards, 
Renjith Singh Rajendran. 


KS Kalai Sirajeddine March 5, 2018 09:23 AM UTC

Hi Renjith,
Thanks for help. I still didn't manage to solve the problem so I'm sending you the project, please don't pay attention to the datamanager or cellsave attributes in grid they're not solved yet.
btnclick is in Layout
grid is in TabContent
tab is in TabFeature

Hope you found the issue.

Regards,

Kalai Sirajeddine.


Attachment: Sample_creator_script_d83f8e9e.7z

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 6, 2018 04:25 PM UTC

Hi Kalai, 

We are unable to run your sample project. We have prepared the sample as per your code example but we are unable to reproduce your reported problem at our end. Please refer to the sample Link:- 

We need some additional details to find the cause of the issue. Please share us the following details. 

1. Please share us the Db of your project so that we can run the sample. 

2. Have you faced the issue while at initial Rendering of the Tab or at button click. 

3. Screenshot/Video Demo to replicate the issue. 

The provided information will be helpful to provide you response as early as possible. 

Regards, 

Farveen sulthana T 


KS Kalai Sirajeddine March 9, 2018 10:26 AM UTC

Hi Farveen,
This sample link is representing better the issue than the one you sended befor.
While cheking the sample link and after clicking on records, I can't scroll  to see the rest of the rows.
The difference I saw between them isthis code on the last sample:
scrollSettings: {
                width: "100%",
                height: "85vh"
            }, 
 I think it's because in scroll settings widht is set at 100% and I need to use % or vh not px.

For Db I'm using SQLExpress with your database "NORTHWND"
Didn't test while initial rendering of Tab, but for now it's at button click.
Last, I already sended screenshots so I send the same ones again.

Regards,
Kalai Sirajeddine


Attachment: grid_scroll_issue_86a61d6.7z

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 12, 2018 02:20 PM UTC

Hi Mark, 

As per your requirement, we have provided equivalent Tag Helper code for the given Javascript Grid configuration. Please refer to the code example:- 

<ej-grid id="FlatGrid" allow-paging="true" allow-sorting="true" allow-scrolling="true" is-responsive="true" action-complete="complete" selected-row-index="3" databound="dataBound" row-selected="rowSelected" record-double-click="recordDoubleClick" toolbar-click="toolBarClick" export-to-excel-action="@Url.Action("ExportToExcel","Station")" export-to-pdf-action="@Url.Action("ExportToPdf","Station")"> 
            <e-datamanager url="Station/StationData"  remove-url="Station/Delete" adaptor="UrlAdaptor"></e-datamanager> 
            <e-page-settings current-page=3 page-size="5"> </e-page-settings> 
            <e-edit-settings allow-adding="true" allow-editing="true" allow-deleting="true" show-delete-confirm-dialog="true"></e-edit-settings> 
            <e-toolbar-settings show-toolbar="true" toolbar-items="@(new List<string>() {"add","edit","delete","update","cancel","excelExport","pdfExport" })"></e-toolbar-settings> 
            <e-columns> 
                <e-column field="Code" header-text="Code" text-align="Right" width="75" allow-editing="false"></e-column> 
                <e-column field="Description" header-text="Description" width="80"></e-column> 
                <e-column field="DistrictDescription" header-text="DistrictDescription" width="80"></e-column> 
                <e-column field="Id" header-text="" width="80" is-primary-key="true" visible="false"></e-column> 
                <e-column field="CreatedBy" visible="false"></e-column> 
                <e-column field="CreatedOn" visible="false"></e-column> 
                <e-column field="ConcurrencyID" visible="false"></e-column> 
                 
            </e-columns> 
        </ej-grid> 


Refer to the documentation for Asp.Net core:- 


Please get back to us if you need any further assistance. 

Regards, 
Farveen sulthana T 


KS Kalai Sirajeddine March 14, 2018 08:31 AM UTC

Hi Farveen,

Well I'm not Mark and I'm not sure your reply is the answer to my issue

Regards,
Kalai Sirajeddine 

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team March 16, 2018 05:06 AM UTC

HI Kalai,  
 
We have tested your sample application and results are below.  
 
 
 
We could see the Grid is not overflowing and accompanying the content correctly as shown in the screenshot.  
 
Please share the following details.  
 
  1. Version of the browser
  2. System OS
 
Regards,  
Seeni Sakthi Kumar S. 


KS Kalai Sirajeddine March 16, 2018 08:36 AM UTC

Hi Seeni,
That's not the grid, that's a tree grid and it's working fine
You can find the grid in About>Page1-3>Page1-3, But I was told you couldn't run the project before?
Please get back to previous updates for screenshots,...
Version of browser: 
Google Chrome est à jour
Version 65.0.3325.162 (Build officiel) (64 bits)
System OS: windows 8.1 professionnal

Regards,
Kalai Sirajeddine

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 19, 2018 12:56 PM UTC

Hi Kalai, 

We need some additional information to find the cause of the issue. Please share us the following details. 

1. We have tried to download your sample attached in previous update, As it Broken Link we are unable to download your attached sample. So please provide us the proper download Link to check your reported problem. 

2. Screenshot/Video Demo to replicate the issue. 

The provided information will be helpful to provide you response as early as possible. 

Regards, 

Farveen sulthana T 




KS Kalai Sirajeddine March 20, 2018 10:18 AM UTC

Hi Farveen,
I sended the sample and one screenshot describing the issue.
I had same issue with treegrid and that's what you told me before:
"when we render the TreeGrid inside a hidden element (inactive tab), TreeGrid control’s height and width will not be updated properly. We need to refresh its height and width while making the TreeGrid container visible.  "

Regards,
Kalai Sirajeddine

Attachment: grid_display_issues_ebc887fb.7z

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 21, 2018 04:07 PM UTC



KS Kalai Sirajeddine March 22, 2018 08:23 AM UTC

Hi Farveen,
That's not the grid, that's a tree grid and it's working fine
You can find the grid in menu About>Page1-3>Page1-3
Please check previous updates, this mistake was made just before.

Regards,
Kalai Sirajeddine 

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 23, 2018 04:54 PM UTC

Hi Kalai, 

We have only found the Grid in localhost/Tab/TabFeatures. We couldn’t find any TreeGrid in your sample.  In the given About page, we couldn’t find Grid.  

If possible provide an issue reproducing sample or hosted link. 

Regards, 

Farveen sulthana T 




KS Kalai Sirajeddine March 26, 2018 08:29 AM UTC

Hi Farveen,
In localhost/Tab/TabFeatures, you did find the treegrid, you'll see it if you open the code.
I said you can find grid by navbar menu: About>Page1-3>Page1-3, didn't say you can find it in about page, actually grid is in TabContent.cshtml view in Tab.

Regards,
Kalai Sirajeddine

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 27, 2018 04:49 PM UTC

Hi Kalai, 

We are unable to navigate to the page and we cannot find the Grid sample on the mentioned page. Please refer to the screenshot and Sample Link:- 

 


Please provide an issue reproducing sample or reproduce the issue in the above sample and revert us back. 
 
Regards, 
 
Farveen sulthana T 


KS Kalai Sirajeddine March 28, 2018 10:08 AM UTC

Hi Farveen,
That's really strange, I downloaded the project you sended, it's exactly the one I did send before, I can find the grid in view/tab/tabcontent.cshtml and I can create new tabItem and open grid in menu: About>Page1-3>Page1-3.
When i opened the project the issue was there. I don't know what to do now

Regards,
Kalai Sirajeddine

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team March 30, 2018 01:34 AM UTC

Hi Kalai, 

Sorry for the inconvenience. 

Can you please create an Support Incident regarding this issue and we can provide an solution and if possible we can schedule the meeting and resolve your issue. 

Regards, 

Farveen sulthana T 



Loader.
Up arrow icon