Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 94857

Function accepts numbers but not strings from grid cell

$
0
0

It worked well for a Kendo UI Grid, thank you. Can you show me how with a Razor Template? var model = grid.dataItem($(this).closest("tr")); doesn't work for the MVC Template.

 

@(Html.Kendo().Grid<AbilityGenerator.ViewModels.AbilityCollection>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(c => c.AbilityId).Hidden();
columns.Template(@<text>@item.AbilityName</text>).ClientTemplate("<span style='font-size:30px;horizontal-align:middle'>#: AbilityName #</span>").Width(50).Title("Ability");
columns.Template(@<text>@item.BaseScore</text>).ClientTemplate("<table><tr><td width='40'><span style='font-size:30px'>#: BaseScore #</span><td><table><tr><td><img width='20' class='Up' alt='Up' src='/Images/Up.png'></td></tr><tr><td><img width='20' class='Down' alt='Down' src='/Images/Down.png'></td></tr></table></td></td></tr></table>").Width(20).Title("Base Score");
columns.Template(@<text>@item.TotalScore</text>).ClientTemplate("<span style='font-size:30px;horizontal-align:middle'>#: TotalScore #</span>").Width(50).Title("Total Score");
columns.Template(@<text>@item.AbilityModifierBonus</text>).ClientTemplate("<span style='font-size:30px;horizontal-align:middle'>#: AbilityModifierBonus #</span>").Width(50).Title("Ability Bonus");
})
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => events.Error("error_handler"))
.Read(read => read.Action("GetAbilityScores", "Home"))
.Update(update => update.Action("SaveAbilityScores", "Home"))
.Model(model =>
{
model.Id(p => p.AbilityId);
model.Field(p => p.AbilityName).Editable(false);
model.Field(p => p.TotalScore).Editable(false);
model.Field(p => p.AbilityModifierBonus).Editable(false);
model.Field(p => p.BaseScore).Editable(false);
}))
)

<script>

$("#grid").on("click", ".Up", function (e) {
alert("up");
var grid = $("#grid").data("kendoGrid");
var model = grid.dataItem($(this).closest("tr"));
var baseScore = model.BaseScore;
baseScore += 1;
model.set("BaseScore", baseScore);
});

$("#grid").on("click", ".Down", function (e) {
alert("Down");
var grid = $("#grid").data("kendoGrid");
var model = grid.dataItem($(this).closest("tr"));
var baseScore = model.BaseScore;
baseScore -= 1;
model.set("BaseScore", baseScore);
});
</script>


Viewing all articles
Browse latest Browse all 94857

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>