Telerik Forums
Kendo UI for jQuery Forum
1 answer
265 views
Hello,

I am looking for an example on how to add a fixed footer to a kendo ui web grid that does not have a pager.
My grid displays hours and at the bottom of each column I would like to add a count of hours.
I would use aggregates but I do not believe that these appear as fixed. By fixed I mean I want to be able to scroll the grid and have the footer visible at all times ( just like the header )

Any help would be appreciated.
G
Top achievements
Rank 1
 answered on 24 Apr 2013
2 answers
177 views
What do you think the best way to go about adding fontawesome to the panelbar is?

I need the caret icons on the expand\collapse arrows
k-icon k-i-arrow-s k-panelbar-expand

Or is it just not really possible because you'd have to handle all the expand\collapse click events?

Thoughts?...
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 24 Apr 2013
1 answer
63 views
Hello, I am having a problem, I'm working with HTML, jquey and use GRID, I want to filter different than the default, where I for example put an input value and by clicking on a button that can filter on value. I mean?

I be doing the most good, I guided in this example:
http://jsfiddle.net/MG89G/479/

Arrive to copy and paste everything as is but it tells me:

"Uncaught TypeError: Can not read property 'dataSource' of undefined"

No dataSource if that allocation is right or who is wrong, but I need to do so.
I think it may be bad references, use these:

     href="../../stylesheets/kendo.common.min.css" <link rel="stylesheet" type="text/css" />
     href="../../stylesheets/kendo.default.min.css" <link rel="stylesheet" type="text/css" />
     src="../../javascripts/jquery.min.js" <script type="text/javascript"> </ script>
     src="../../javascripts/kendo.all.min.js" <script type="text/javascript"> </ script>

I hope I can help, thanks.
Alexander Valchev
Telerik team
 answered on 24 Apr 2013
1 answer
143 views
Hello,

I was wondering if there was a reason behind the 1900-2099 limit on dates in the DatePicker.

Thanks
SIN
Top achievements
Rank 1
 answered on 24 Apr 2013
3 answers
117 views
$(document).ready(function () {
    $('.AdvancedSearch input:checkbox').change(function () {
        ApplyFilters();
    });
 
    ApplyFilters();
});
         
function updateFlagSearchFilters(field, operator, value) {
    var grid = $("#Grid");
    var newFilter = { field: field, operator: operator, value: value };
    var dataSource = grid.data("kendoGrid").dataSource;
    var filters = null;
    if (dataSource.filter() != null) {
        filters = dataSource.filter().filters;
    }
    if (filters == null) {
        filters = [newFilter];
    }
    else {
        var isNew = true;
        var index = 0;
        for (index = 0; index < filters.length; index++) {
            if (filters[index].field == field) {
                isNew = false;
                break;
            }
        }
        if (isNew && value != "" && value != "0" && value != "False") {
            filters.push(newFilter);
        }
        else if (!isNew){
            filters.splice(index, 1);
        }
    }
    dataSource.filter(filters);
};
 
function ApplyFilters() {
    var pt2Checked = $('#Pt2').is(':checked');
    if (pt2Checked) {
        updateFlagSearchFilters("Pt2", "eq", "true");
    }
    else {
        updateFlagSearchFilters("Pt2", "neq", "");
    }
};
Hey guys,

As you can see i tried to make a custom grid filter, but somehow i can't get the Splice for removing filters to work. Is anyone having the same issue? Adding a filter is no problem, but i'm using the column filters as well so i don't want to clear all filters for unchecking a checkbox.

I would really appreciate all help on this, thanks in advance!

Max
Alexander Valchev
Telerik team
 answered on 24 Apr 2013
2 answers
71 views
It doesnt work. even the alert function isnt called. im using safari.

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
 <link href="css/kendo.mobile.all.min.css" rel="stylesheet" />
 <script src="js/jquery.min.js"></script>
  <script src="js/kendo.all.min.js"></script>
 
</head>
 
<body>
 
<div data-role="view" id="foo">
    <a href="#protected" data-role="button">Go to protected</a>
</div>
 
<div data-role="view" id="protected" data-before-show="redirectBack">
    I am a protected view
</div>
 
<script>
    var app = new kendo.mobile.Application();
    function redirectBack(e) {
        alert('s');
        e.preventDefault();
        app.navigate("#foo");
    }
</script>
</body>
</html>
Manuel Henry II
Top achievements
Rank 1
 answered on 24 Apr 2013
5 answers
65 views
Why are some of the formatting options applied to an empty line (<p></p> or <p><span></span></p>) delayed and added to the pending formats until a character is added? If I want to apply a font size to an empty line, but leave that line empty the format is never applied because it is added to the pending formats and if I don't add any text to that line then the format never gets applied. How can I change this functionality?

I've tried overriding the willDelayExecution method to return always return false on the fontSize tool for example when I have a <p><span></span></p>, but the fontSize doesn't get applied even when the Range's startContainer is the text node inside the span element. Your anchor marker element gets added after the text node and I'm not sure if that's what the problem is.

Please help because this is a much needed. My users can't change the font sizes of empty lines for consistent layout through out the document.
Brandon
Telerik team
 answered on 24 Apr 2013
3 answers
281 views
Hi All,

I've only just started using Kendo UI stuff so please bear with me.

I have included the grid in an ASP.NET MVC 4 application in a cshtml file with the following code lifted from an example:

<h2>Administration</h2>
@Html.Kendo().Grid(Model.SystemUsersViewModels).Name("SystemUserGrid").Columns(columns =>
    {
        columns.Bound(user => user.UserName);
        columns.Bound(user => user.Email);
        columns.Bound(user => user.IsApproved);
        columns.Bound(user => user.IsLockedOut);
        columns.Bound(user => user.LastLoginDate);

    }
).Pageable().Sortable().Scrollable().Filterable().DataSource(datasource => datasource.Ajax().ServerOperation(false))

I have a simple grid being fed a collection of UserViewModels via the property SystemUsersViewModels on my view model.

I have been trying to keep the JS size down so I had originally included just the grid js, then used the custom online tool to build a kendo.custom.js, all failed to I ended up including the kitchen sink files (as far as I'm aware) and I still cannot get this to work without errors.

kendo.all.min.js
kendo.aspnetmvc.min.js

The grid renders ok with the data but I get the following error ...

Error:
0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'kendoGrid'

I've run out of ideas now, any pointers would be great.

TIA,
Bin
Top achievements
Rank 1
 answered on 24 Apr 2013
0 answers
114 views
Hi,

I need to binding local data to treeview with data 3 level in razor. Can kendo UI work  ? 

Sample
   
     public class Level1
    {
        public string RootName {get;set;}
        public List<Level2> rootLevel2 {get;set;}
    }

    public class Level2
    {
        public string RootName { get; set; }
        public List<Level3> rootLevel3 {get;set;}
    }

    public class Level3{
          public string RootName { get; set; }
    }

CSHTML Page view

    @(Html.Kendo().TreeView()
            .Name("rootView")
            .BindTo((IEnumerable<Level1>)Model.Level1, (NavigationBindingFactory<TreeViewItem> mappings) =>
            {
                mappings.For<Level1>(binding => binding.ItemDataBound((item, root) =>
                {
                    item.Text = root.RootName;
                    item.Expanded = true;           
                })
                .Children(category => category.rootLevel2)
                );

                mappings.For<Level2>(binding => binding.ItemDataBound((item, root2) =>
                {
                    item.Text = root2.RootName;
                })
                .Children(category => category.rootLevel3)
                );

                mappings.For<Level3>(binding => binding.ItemDataBound((item, root3) =>
                {
                    item.Text = root3.ItemName;
                }));
            }))


There sample code above does not work for me, Always show error  "Sequence contains no elements"

Thank you in advance.
Wudhinun
Top achievements
Rank 1
 asked on 24 Apr 2013
1 answer
344 views
Hello.

I am binding to the Change event of the datetime picker but need to show a confirmation when it is changed.  How can I get the previous value when the change event fires?
Iliana Dyankova
Telerik team
 answered on 24 Apr 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?