After NuGet install, compilation error

[David Elies]

After installing syncfusion MVC5 4.5, I get a compilation error when trying to add a grid control.

Compiler Error Message: CS1061: 'Syncfusion.MVC.EJ.EssentialJavaScriptFor<dynamic>' does not contain a definition for 'DataManager' and no extension method 'DataManager' accepting a first argument of type 'Syncfusion.MVC.EJ.EssentialJavaScriptFor<dynamic>' could be found (are you missing a using directive or an assembly reference?)

It seems that something necessary was not installed by the nuget package manager, or I needed to install another package.  What is missing?

[Kanimozhi Pandian]

Hi David,

Thanks for using Syncfusion products.
We are unable to reproduce the reported issue with our Syncfusion NuGet packages. We suspect that the Syncfusion assembly version conflicting in your project. So please remove the old Syncfusion references manually before installing the Syncfusion NuGet packages.

Could you please follow the below steps to remove the old references?

1.     Remove the old version Syncfusion dlls from the project. Please refer below screenshot for more information.

      

2.     Remove the Syncfusion dll entries from Web.config file (if referred). Please refer below screenshot for more information.

3.     Clear the bin and obj folders.

4.     Now install the latest NuGet package and Build the project.

Please let me know if you have any further queries.

Thanks,
Kanimozhi.K.P.

---

DE David Elies August 27, 2015 12:38 PM

Okay, I installed the less-intuitive NuGet package that contains the latest version.  Now I am getting a console error when using the DataManager:

ej.DataManager : Unsupported htmlElement : div

---

JW Jim Woods August 27, 2015 10:21 PM

I am getting this same error.

I recently installed SyncFusion.AspNet.Mvc5, Version 13.2.0.34, via NuGet.

Please advise.

---

IR Isuriya Rajan Syncfusion Team August 28, 2015 04:03 AM

Hi David,

You have used wrong data binding for the Grid. Grid can bind only JSON data or table. 

If you face any difficulties still, please let us know if you are using DIV element for Grid binding or want to bind any other data.

<script id="_table1" type="text/template">

    //table data

        <thead>

            <tr>

                <th>Laptop</th>

               <th>Model</th>

                <th>Price</th>  

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>Dell Vostro</td>

                <td>2520</td>

                <td>638.56</td>

                <td>Windows 8</td>

                <td>4GB</td>

                <td>15.6</td>

            </tr>

        </tbody>

</table>

</script>

@(Html.EJ().Grid<object>("Grid")            

           //table binding

          .Datasource(ds => { ds.Table("#_table1"); })

          .Columns(col =>

          {

              col.Field("Laptop").HeaderText("Laptop").Width(130).Add();

              col.Field("Model").HeaderText("Model").Width(130).Add();

               . . . . . 

          })

          

)

We have created a sample and the same can be downloaded from the following location:

 http://www.syncfusion.com/downloads/support/directtrac/142423/ze/New_Compressed_(zipped)_Folder168204619

Please refer to the below documentation link for how we can use table binding in grid,

Tablebinding

Please let us know if you have any queries.

Regards ,
Isuriya R

---

JW Jim Woods August 28, 2015 12:01 PM

But I am not doing any table binding.  I am calling an OData 4 Rest Service.  This is my code:

 @(Html.EJ().DataManager("TestURL").URL("https://MyOdata4RestService")

          .CrossDomain(true)

          )

    @(Html.EJ().Grid<object>("Grid")

     .AllowPaging()

        .AllowSorting()

                    .DataManagerID("TestURL")

                            .Query("ej.Query().select(['ApplicationID']).take(5)")

                .ToolbarSettings(toolBar => toolBar.ShowToolbar().ToolbarItems(items =>

                    {

                        items.AddTool(ToolBarItems.ExcelExport);

                        items.AddTool(ToolBarItems.WordExport);

                        items.AddTool(ToolBarItems.PdfExport);

                    }))

                        .Mappers(map => map.ExportToExcelAction("ExcelAction")

                .ExportToPdfAction("PdfAction").ExportToWordAction("WordAction")

              )

        .Columns(col =>

            {

                col.Field("ApplicationID").HeaderText("Application ID").TextAlign(TextAlign.Right).Add();

                col.Field("Visits").HeaderText("Visits").TextAlign(TextAlign.Right).Add();

            })

         .ClientSideEvents(eve => { eve.Load("load"); })

         .AllowGrouping(true)

         .AllowFiltering()

    )

This error ('Uncaught ej.DataManager : Unsupported htmlElement : div') seems to occur as the result of using a DataManager.

I have also tried:

@(Html.EJ().DataManager("TestURL").URL("https://MyOdata4RestService/?$format=json")

          .CrossDomain(true)

          )

This does not work either.

---

IR Isuriya Rajan Syncfusion Team August 31, 2015 08:04 AM

Hi Jim,

We sorry to let you know that, we are unable to reproduce the mentioned” getting compilation error” within our sample side .We can run the sample without any compilation error . Could you please check that the assemblies are properly referred in your project?

·         Please provide issue reproducing step video.

·         Otherwise kindly provide the issue reproducible sample to us
 If we misunderstood your query, please provide us clear information regarding your requirements. It will help us to provide the prompt solution.

Regards,
Isuriya R

SIGN IN To post a reply.

• 6 Replies
• 4 Participants
• Want to subscribe?
  SIGN IN
• Created by
  DE David Elies
• Platform
  ASP.NET MVC
• Control
  DataManager
• Created On
  Aug 21, 2015 10:24 AM
• Last Activity On
  Aug 31, 2015 08:04 AM

[David Elies]

Okay, I installed the less-intuitive NuGet package that contains the latest version.  Now I am getting a console error when using the DataManager:

ej.DataManager : Unsupported htmlElement : div

[Jim Woods]

I am getting this same error.

I recently installed SyncFusion.AspNet.Mvc5, Version 13.2.0.34, via NuGet.

Please advise.

[Isuriya Rajan]

Hi David,

You have used wrong data binding for the Grid. Grid can bind only JSON data or table. 

If you face any difficulties still, please let us know if you are using DIV element for Grid binding or want to bind any other data.

<script id="_table1" type="text/template">

    //table data

        <thead>

            <tr>

                <th>Laptop</th>

               <th>Model</th>

                <th>Price</th>  

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>Dell Vostro</td>

                <td>2520</td>

                <td>638.56</td>

                <td>Windows 8</td>

                <td>4GB</td>

                <td>15.6</td>

            </tr>

        </tbody>

</table>

</script>

@(Html.EJ().Grid<object>("Grid")            

           //table binding

          .Datasource(ds => { ds.Table("#_table1"); })

          .Columns(col =>

          {

              col.Field("Laptop").HeaderText("Laptop").Width(130).Add();

              col.Field("Model").HeaderText("Model").Width(130).Add();

               . . . . . 

          })

          

)

We have created a sample and the same can be downloaded from the following location:

 http://www.syncfusion.com/downloads/support/directtrac/142423/ze/New_Compressed_(zipped)_Folder168204619

Please refer to the below documentation link for how we can use table binding in grid,

Tablebinding

Please let us know if you have any queries.

Regards ,
Isuriya R

[Jim Woods]

But I am not doing any table binding.  I am calling an OData 4 Rest Service.  This is my code:

 @(Html.EJ().DataManager("TestURL").URL("https://MyOdata4RestService")

          .CrossDomain(true)

          )

    @(Html.EJ().Grid<object>("Grid")

     .AllowPaging()

        .AllowSorting()

                    .DataManagerID("TestURL")

                            .Query("ej.Query().select(['ApplicationID']).take(5)")

                .ToolbarSettings(toolBar => toolBar.ShowToolbar().ToolbarItems(items =>

                    {

                        items.AddTool(ToolBarItems.ExcelExport);

                        items.AddTool(ToolBarItems.WordExport);

                        items.AddTool(ToolBarItems.PdfExport);

                    }))

                        .Mappers(map => map.ExportToExcelAction("ExcelAction")

                .ExportToPdfAction("PdfAction").ExportToWordAction("WordAction")

              )

        .Columns(col =>

            {

                col.Field("ApplicationID").HeaderText("Application ID").TextAlign(TextAlign.Right).Add();

                col.Field("Visits").HeaderText("Visits").TextAlign(TextAlign.Right).Add();

            })

         .ClientSideEvents(eve => { eve.Load("load"); })

         .AllowGrouping(true)

         .AllowFiltering()

    )

This error ('Uncaught ej.DataManager : Unsupported htmlElement : div') seems to occur as the result of using a DataManager.

I have also tried:

@(Html.EJ().DataManager("TestURL").URL("https://MyOdata4RestService/?$format=json")

          .CrossDomain(true)

          )

This does not work either.

[Isuriya Rajan]

Hi Jim,

We sorry to let you know that, we are unable to reproduce the mentioned” getting compilation error” within our sample side .We can run the sample without any compilation error . Could you please check that the assemblies are properly referred in your project?

·         Please provide issue reproducing step video.

·         Otherwise kindly provide the issue reproducible sample to us
 If we misunderstood your query, please provide us clear information regarding your requirements. It will help us to provide the prompt solution.

Regards,
Isuriya R