<p>Here is a BulletGraph control:</p> 
<div data-bind="wjBulletGraph: { 
value: props.value, 
min: props.min, 
max: props.max, 
format: props.format, 
good: props.ranges.middle.max, 
bad: props.ranges.middle.min, 
target: props.ranges.target, 
showRanges: props.showRanges }" 
class="linear-gauge"> 
<div data-bind="wjRange: {  
wjProperty: 'pointer',  
thickness: props.ranges.pointerThickness }"> 
</div> 
</div> 
The wjBulletGraph binding may contain the wjRange child binding. 
The wjBulletGraph binding supports all read-write properties and events of the BulletGraph control. The value property provides two-way 
binding mode. 
wjCalendar Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the Calendar control. 
Use the wjCalendar binding to add Calendar controls to your KnockoutJS applications. For example: 
<p>Here is a Calendar control:</p> 
<div  
data-bind="wjCalendar: { value: theDate }"> 
Pdf form filler - C# PDF Form Data fill-in Library: auto fill-in PDF form data in C#.net, ASP.NET, MVC, WinForms, WPF
Online C# Tutorial to Automatically Fill in Field Data to PDF
convert pdf to form fillable; convert excel to fillable pdf form
Pdf form filler - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
create fillable form from pdf; convert pdf to fillable form
</div> 
The wjCalendar binding supports all read-write properties and events of the Calendar control. The following properties provide two-way binding 
mode: 
value 
displayMonth 
wjCollectionViewNavigator Class 
Base Class 
WjCollectionViewBaseBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for an ICollectionView  navigator element. 
Use the wjCollectionViewNavigator directive to add an element that allows users to navigate through the items in an ICollectionView. For 
example: 
Here is a CollectionViewNavigator:</p> 
<div  
data-bind="wjCollectionViewNavigator: { cv: myCollectionView }"> 
</div> 
The wjCollectionViewNavigator directive has a single attribute: 
cv 
Reference to the ICollectionView object to navigate. 
wjCollectionViewPager Class 
Base Class 
WjCollectionViewBaseBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for an ICollectionView  pager element. 
Use the wjCollectionViewPager directive to add an element that allows users to navigate through the pages in a paged ICollectionView. For 
example: 
Here is a CollectionViewPager:</p> 
<div  
data-bind="wjCollectionViewPager: { cv: myCollectionView }"> 
</div> 
The wjCollectionViewPager directive has a single attribute: 
cv 
Reference to the paged ICollectionView object to navigate. 
wjColorPicker Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the ColorPicker control. 
Use the wjColorPicker binding to add ColorPicker controls to your KnockoutJS applications. For example: 
<p>Here is a ColorPicker control:</p> 
<div  
data-bind="wjColorPicker: { value: theColor }"> 
</div> 
The wjColorPicker binding supports all read-write properties and events of the ColorPicker control. The following properties provide two-way 
binding mode: 
value 
wjComboBox Class 
Base Class 
WjDropDownBinding 
Derived Classes 
wjAutoCompletewjInputTimewjMenu 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the ComboBox control. 
Use the wjComboBox binding to add ComboBox controls to your KnockoutJS applications. For example: 
<p>Here is a ComboBox control:</p> 
<div data-bind="wjComboBox: { 
itemsSource: countries, 
text: theCountry, 
isEditable: false, 
placeholder: 'country' }"> 
</div> 
The wjComboBox binding supports all read-write properties and events of the ComboBox control. The following properties provide two-way 
binding mode: 
isDroppedDown 
text 
selectedIndex 
selectedItem 
selectedValue 
wjFlexChart Class 
Base Class 
WjFlexChartBaseBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexChart control. 
Use the wjFlexChart binding to add FlexChart controls to your KnockoutJS applications. For example: 
<p>Here is a FlexChart control:</p> 
<div data-bind="wjFlexChart: { itemsSource: data }"> 
<div data-bind="wjFlexChartLegend : {  
position: 'Top' }"> 
</div> 
<div data-bind="wjFlexChartAxis: {  
wjProperty: 'axisX',  
title: chartProps.titleX }"> 
</div> 
<div data-bind="wjFlexChartAxis: {  
wjProperty: 'axisY',  
majorUnit: 5000 }"> 
</div> 
<div data-bind="wjFlexChartSeries: {  
name: 'Sales',  
binding: 'sales' }"> 
</div> 
<div data-bind="wjFlexChartSeries: {  
name: 'Expenses',  
binding: 'expenses' }"> 
</div> 
<div data-bind="wjFlexChartSeries: {  
name: 'Downloads',  
binding: 'downloads',  
chartType: 'LineSymbols' }"> 
</div> 
</div> 
The wjFlexChart binding may contain the following child bindings: wjFlexChartAxiswjFlexChartSerieswjFlexChartLegend
The wjFlexChart binding supports all read-write properties and events of the FlexChart control, and the additional tooltipContent property that 
assigns a value to the FlexChart.tooltip.content property. The selection property provides two-way binding mode. 
wjFlexChartAxis Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexChart Axis object. 
The wjFlexChartAxis binding must be contained in a wjFlexChart binding. Use the wjProperty attribute to specify the property (axisX or axisY) 
to initialize with this binding. 
The wjFlexChartAxis binding supports all read-write properties and events of the Axis class. 
wjFlexChartLegend Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the Charts' Legend object. 
The wjFlexChartLegend binding must be contained in one the following bindings: wjFlexChart, wjFlexPie
The wjFlexChartLegend binding supports all read-write properties and events of the Legend class. 
wjFlexChartSeries Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexChart Series object. 
The wjFlexChartSeries binding must be contained in a wjFlexChart binding. 
The wjFlexChartSeries binding supports all read-write properties and events of the Series class. The visibility property provides two-way binding 
mode. 
wjFlexGrid Class 
Base Class 
WjBinding 
Derived Classes 
wjFlexSheet 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexGrid control. 
Use the wjFlexGrid binding to add FlexGrid controls to your KnockoutJS applications. For example: 
<p>Here is a FlexGrid control:</p> 
<div data-bind="wjFlexGrid: { itemsSource: data }"> 
<div data-bind="wjFlexGridColumn: {  
header: 'Country',  
binding: 'country',  
width: '*' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Date',  
binding: 'date' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Revenue',  
binding: 'amount',  
format: 'n0' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Active',  
binding: 'active' }"> 
</div> 
</div> 
The wjFlexGrid binding may contain wjFlexGridColumn child bindings. 
The wjFlexGrid binding supports all read-write properties and events of the FlexGrid control, except for 
the scrollPosition and selection properties. 
wjFlexGridColumn Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexGrid Column object. 
The wjFlexGridColumn binding must be contained in a wjFlexGrid binding. For example: 
<p>Here is a FlexGrid control:</p> 
<div data-bind="wjFlexGrid: { itemsSource: data }"> 
<div data-bind="wjFlexGridColumn: {  
header: 'Country',  
binding: 'country',  
width: '*' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Date',  
binding: 'date' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Revenue',  
binding: 'amount',  
format: 'n0' }"> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Active',  
binding: 'active' }"> 
</div> 
</div> 
The wjFlexGridColumn binding supports all read-write properties and events of the Column class. The isSelected property provides two-way 
binding mode. 
In addition to regular attributes that match properties in the Column class, an element with the wjFlexGridColumn binding may contain 
wjStyle binding that provides conditional formatting and an HTML fragment that is used as a cell template. Grid rows automatically stretch 
vertically to fit custom cell contents. 
Both the wjStyle binding and the HTML fragment can use the $item observable variable in KnockoutJS bindings to refer to the item that is bound 
to the current row. Also available are the $row and $col observable variables containing cell row and column indexes. For example: 
<div data-bind="wjFlexGridColumn: {  
header: 'Symbol',  
binding: 'symbol',  
readOnly: true,  
width: '*' }"> 
<a data-bind="attr: {  
href: 'https://finance.yahoo.com/q?s=' + $item().symbol() },  
text: $item().symbol"> 
</a> 
</div> 
<div data-bind="wjFlexGridColumn: {  
header: 'Change', 
binding: 'changePercent', 
format: 'p2', 
width: '*' 
}, 
wjStyle: {  
color: getAmountColor($item().change) }"> 
</div> 
These bindings create two columns. The first has a template that produces a hyperlink based on the bound item's "symbol" property. The second 
has a conditional style that renders values with a color determined by a function implemented in the controller. 
wjFlexGridFilter Class 
Base Class 
WjBinding 
Module 
wijmo.knockout 
File 
wijmo.knockout.js 
KnockoutJS binding for the FlexGrid FlexGridFilter object. 
The wjFlexGridFilter binding must be contained in a wjFlexGrid binding. For example: 
<p>Here is a FlexGrid control with column filters:</p> 
<div data-bind="wjFlexGrid: { itemsSource: data }"> 
<div data-bind="wjFlexGridFilter: { filterColumns: ['country', 'amount']  }"></div> 
Documents you may be interested
Documents you may be interested