Telerik Forums
UI for ASP.NET MVC Forum
7 answers
293 views

This grid is working. It has a DropDownList in the muni_code column's EditorTemplate, which also works.

@(Html.Kendo().Grid<PublicUserMunicipality>()
                  .Name("publicUserMunicipalitiesGrid")
                  .Columns(columns =>
                    {
                      columns.Bound(u => u.muni_code).EditorTemplateName("muni_codesList");
                      columns.Bound(u => u.SuperUser).ClientTemplate("<input type='checkbox' #= SuperUser ? checked='checked' : '' # ></input>");
                      columns.Bound(u => u.CanSubmitForms).ClientTemplate("<input type='checkbox' #= CanSubmitForms ? checked='checked' : '' # ></input>");
                      columns.Command(command => { command.Edit(); command.Destroy(); }).Width(180);
                    })
                  .ToolBar(toolbar => toolbar.Create())
                  .DataSource(dataSource => dataSource
                    .Ajax()
                    .Model(model => model.Id(p => p.Id))
                    .Read(read => read.Action("PublicUserMunicipalitiesRead", "PublicUserMunicipalities")
                                            .Data("getSelectedPublicUserId"))
                    .Create(create => create.Action("PublicUserMunicipalitiesCreate", "PublicUserMunicipalities"))
                    .Update(update => update.Action("PublicUserMunicipalitiesUpdate", "PublicUserMunicipalities"))
                    .Destroy(destroy => destroy.Action("PublicUserMunicipalitiesDestroy", "PublicUserMunicipalities"))
                  )
                )

 

I want to use the same DropDownList in non-edit mode. i.e. Have the ClientTemplate the same as the EditorTemplate.

I don't see the utility of posting the various failed attempts I've made to the

columns.Bound(u => u.muni_code).EditorTemplateName("muni_codesList");

line so I'll stop here.

Thanks.

Greg
Top achievements
Rank 1
 answered on 08 Jan 2016
1 answer
83 views
Can boostrap.js and bootstrap.css be included on the page with kendo boostrap files? What order do they need to be included in?
Sebastian
Telerik team
 answered on 08 Jan 2016
1 answer
1.0K+ views

I have a popup editor template where I wish to have 2 update buttons instead of the standerd 1.

 

The first one is supposed to function as normally.

 

The second one is supposed to change a hidden value in the editor template and then trigger the grid update.

 

How would I go about:

1: adding the extra button next to the Update Button.

2: Updating the value in the "HiddenFor" object and then triggering the grid's Update Function? 

Boyan Dimitrov
Telerik team
 answered on 08 Jan 2016
1 answer
105 views

In my BundleConfig.cs file I have the following...

            bundles.Add(
                new ScriptBundle("~/Scripts/JQueryUI").Include(
                    "~/Scripts/jqueryUI/jquery.js",            // Jquery UI
                    "~/Scripts/jqueryUI/jquery-ui.min.js"   // Jquery UI
                )
            );

            bundles.Add(new StyleBundle("~/Content/JQueryCSS").Include(
                "~/Content/jquery-ui.min.css" // Jquery UI CSS file
                )
            );

These files are to allow me to easily create a slide-out panel using the JQueryUI library which sits on top of the standard JQuery library.

Rendering the scripts in the Layout.cshtml file like this...

    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/kendo")
    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/kendo/css")
    @Scripts.Render("~/Scripts/leylascriptlibrary")
    @Styles.Render("~/Content/JQueryCSS")
    @Scripts.Render("~/Scripts/JQueryUI")

... results in the following error when the Grid is populated...

    "TypeError: Object doesn't support property or method 'kendoGrid'\n   at Anonymous function (Unknown script code:2:20)\n   at fire (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:3048:5)\n   at add (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:3094:7)\n   at ready (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:271:3)\n   at init (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:214:4)\n   at jQuery (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:63:3)\n   at Global code (Unknown script code:2:2)\n   at globalEval (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:611:6)\n   at domManip (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:6281:9)\n   at append (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:6047:3)"

The grid never completes loading and the site just hangs.

There is something that clashes between the Kendo library and the JQueryUI library.  Rearranging the order in which the scripts are rendered places the error elsewhere, but it still gives me an error.

Has anyone seen this before?

I am using the JQuery-ui library 1.11 downloaded from here: http://jqueryui.com/

Vladimir Iliev
Telerik team
 answered on 08 Jan 2016
1 answer
203 views

how can get the spreadsheet from workbook if the workbook is created from to json?

 

public ActionResult MyAction(string data, string extension)
        {
          
            Workbook workbook = Workbook.FromJson(data);

            // I need do something here with the spreadsheet
        }
    }

T. Tsonev
Telerik team
 answered on 08 Jan 2016
2 answers
166 views

Hello,

it seems the hierarchy-function only works the first time. If i click on the symbol for another node the controller action fires, data comes back, but for whatever reason the grid doesn't show the data in the grid.

 I'm not quite sure why this doesn't work, but to me it seems like tha grid doesn't refresh itself.

 

View:

@using DAKCrmImport.Web.Models;
@{
ViewBag.Title = "Index";
}
<h2>Profilübersicht</h2>
@(Html.Kendo().Grid<CrmProfileGridVM>().Name("grid-crmprofiles").BindTo(Model).Columns(c =>
{
//<a class='button-action grid-details' onclick='showProfile(this)' title='Details'>button details</a>
c.Template(t => { }).HeaderTemplate("")
.ClientTemplate(@"
<a class='button grid-button button-details' title='Details' id='bt-profile-details'>button details</a>
<a class='button grid-button button-delete' onclick='' title='Löschen' id='bt-profile-delete'>button delete</a>
<a class='button grid-button button-edit' onclick='' title='Bearbeiten' id='bt-profile-edit'>button edit</a>
<a class='button grid-button button-create' onclick='' title='Job erstellen' id='bt-profile-createjob'>button create</a>").Width(250);
c.Bound(i => i.Name);
c.Bound(i => i.JobCount);
c.Bound(i => i.UserGroup);
c.Bound(i => i.CreatedBy);
c.Bound(i => i.CreatedAt);
c.Bound(i => i.LastUpdatedBy);
c.Bound(i => i.LastUpdatedAt);
})
.ToolBar(toolBar => toolBar.Template("<a href='javascript: void(0)' class='button button-create2' title='Neues Profil anlegen' id='bt-profile-create'>button create</a>"))
.HtmlAttributes(new { style = "height: 680px;" })
.Editable(editable => editable.Mode(GridEditMode.PopUp))
.Scrollable()
.ClientDetailTemplateId("template-grid-crmprofile")
.Groupable()
.Sortable()
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Model(model => model.Id(p => p.Id))
.Read(r => r.Action("Read", "CrmProfile"))
))
<script id="template-grid-crmprofile" type="text/kendo-tmpl">
@(Html.Kendo().Grid<CrmJobGridVM>()
.Name("grid-crmjobs")
.Columns(c =>
{
c.Bound(j => j.CreatedBy);
c.Bound(j => j.JobStatus);
c.Bound(j => j.CreatedAt);
c.Bound(j => j.EndedAt);
c.Bound(j => j.CrmObjectCount);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(r => r.Action("GetJobsByProfileId", "CrmJob", new { profileId = "#=Id#" }))
)
.ClientDetailTemplateId("template-grid-crmjob")
.Pageable()
.Sortable()
.ToClientTemplate()
)
</script>
<script id="template-grid-crmjob" type="text/kendo-tmpl">
@(Html.Kendo().Grid<CrmObjectGridVM>()
.Name("grid-crmobjects")
.Columns(c =>
{
c.Template(t => { }).HeaderTemplate("").ClientTemplate("<a class='button grid-button button-details bt-object-details' title='Details'>button details</a>")
.Width(50);
c.Bound(o => o.OrdnungsbegriffTypString);
c.Bound(o => o.OrdnungsbegriffWert);
c.Bound(o => o.IsProcessedString);
c.Bound(o => o.Error);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(r => r.Action("GetObjectsByJobId", "CrmObject", new { jobId = "#=Id#" }))
)
.Pageable()
.Sortable()
.HtmlAttributes(new { @class = "gr-crmobjects" })
.ToClientTemplate()
)
</script>

 

Controller-Action:

public virtual ActionResult GetJobsByProfileId(int profileId, [DataSourceRequest] DataSourceRequest request)
{
            return Json(Mapper.Map<CrmJobGridVM[]>(db.GetJobsByProfileId(profileId)).ToDataSourceResult(request));
}

 

I'd really appreciate some help.

Nikolay Rusev
Telerik team
 answered on 07 Jan 2016
1 answer
141 views

I would rather not deploy all /content and /script files with my project.  I only want to deploy the one language and the bootstrap theme with my project.  Is there an easy way to accomplish this without just removing the unused themes and languages from the project?

 Jim

Georgi Krustev
Telerik team
 answered on 06 Jan 2016
2 answers
233 views

Hello,

I'm new to the upload extension - I'm able to upload a file async in the App_Data folder but I have the following questions:

 1. how to access the filenames which I have uploaded async in the [HttpPost] ActionResult?
(sync is no problem because I have the HttpPostedFileBase Parameter)

 2. how to ensure that I have unique filenames?

3. I will save the files in my database after the HttpPost - might be a solution to save the the files in a Session variable or should I save them in the App_Data temporary

robert

 

Robert Madrian
Top achievements
Rank 1
Veteran
Iron
 answered on 05 Jan 2016
1 answer
110 views

I have a treeview which currently shows a hierarchy of items that are different at each level.  The TreeView is configured to use checkboxes and to check the children whenever the parent is checked.  An example (without checkboxes) of the item types is illustrated as follows:

TypeA
    TypeB
    TypeB
    TypeB
        TypeC
        TypeC
    TypeB
TypeA
    TypeB

Since the items vary by level, I want to write some javascript that retrieves the corresponding values by level.  That is, I want to retrieve the values of all checked items at level 1, or all checked items at level 2, or all checked items for level 3.  That said, I modified the code, provided by the example at: http://www.telerik.com/blogs/how-to-get-the-checked-items-from-a-treeview-with-checkboxes which recursively loops through all nodes in the treeview.  Basically, the code examines each node and evaluates the 'checked' property to determine if the node has been checked.  Unfortunately, the 'checked' property is undefined when only a subset of the descendants are checked.  It would be nice if the node had a property indicating that at least one descendant was checked.  I know that I can examine the 'hasChildren' property and recursively loop to determine if any descendant is checked, but I'm hoping that someone has a better approach.  In lieu of a simple property, what is the most efficient way to determine if a node has any 'checked' descendants? 

Thanks.

Mike

Nencho
Telerik team
 answered on 05 Jan 2016
1 answer
114 views

I am just starting to learn the MVC charts, and I am having a problem with the x-axis labels.  I have not found the right setting to correct it.  I have a line chart that may or may not go below zero on the Y-axis.  The date labels are showing under $0, where they should always be at the bottom of the chart.

Here is the view:

@(Html.Kendo().Chart<tpe2.db.CFForecastData>()
.Name("chart")
.Title("Weekly Cash Flow")
.Legend(legend => legend.Position(ChartLegendPosition.Bottom))
.Tooltip(tooltip => tooltip.Visible(true))
.DataSource(ds => ds.Read(read => read.Action("CFForecastData_Read", "Chart")))
.Series(series => {
series.Line(a => a.CashBalance).Name("Cash Balance").Color("Blue").Markers(false);
series.Line(a => a.RequiredBalance).Name("Required Balance").Color("Yellow").Markers(false);
series.Line(a => a.ZeroLine).Name("Zero").Color("Red").Markers(false);
series.Line(a => a.Receipts).Name("Receipts").Color("Green").Markers(false);
series.Line(a => a.Disbursements).Name("Disbursements").Color("Black").Markers(false);
})
.CategoryAxis(axis => axis
.Categories(model => model.ReportDate)
//.AxisCrossingValue(-200000)
)
.Pannable(pannable => pannable
.Lock(ChartAxisLock.Y)
)
.Zoomable(zoomable => zoomable
.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))
.Selection(selection => selection.Lock(ChartAxisLock.Y))
)
)

 

Thanks!

Mark

Iliana Dyankova
Telerik team
 answered on 05 Jan 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?