Telerik Forums
Kendo UI for jQuery Forum
1 answer
296 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
198 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
72 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
160 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
144 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
90 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
120 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
321 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
144 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
397 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
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?