0.1.0 • Published 4 years ago

kendo-optimised-search v0.1.0

Weekly downloads
32
License
-
Repository
-
Last release
4 years ago

KendoOptimisedDropDownList

  • A simple optimised kendo Drop Down List to be used with big set of data.
  • This Dropdown List enhances the funtionality of Kendo Angular DropDownList kendo-dropdownlist component.It loads the next set of data when users reaches the end of scroll. This feature is also applicable for search.
  • It is developed using Angular >=6.1.0 and its newly introduced ng g library schematics.
  • Library location: projects/kendo-optimised-search directory of this repository.

Dependencies

"@progress/kendo-angular-dropdowns": "^4.2.3", "@progress/kendo-angular-l10n": "^2.0.0", "@progress/kendo-angular-popup": "^3.0.0", "@progress/kendo-theme-bootstrap": "^4.8.0", "@progress/kendo-theme-default": "latest"

Installation

npm i kendo-optimised-search

API

import { KendoOptimisedSearchModule } from 'kendo-optimised-search' selector: kendoOptimisedSearch

@Inputs()

InputTypeRequiredDescription
apiUrlstringYESthe url of a remote server that supports http/jsonp calls.
accountnumberYESaccount number for which data is to be queried
apiMethodstringOptional, default: 'get'the http/jsonp method to be used.
apiTypestringOptional, default: 'http'http or jsonp method types.
noOfRowsnumberOptional, default: 100No of records to be fetched after each api call

@Outputs()

OutputTypeRequiredDescription
onselectionChangeobjectYESemits selected element

Usage

1) Register the KendoOptimisedSearchModule in your app module.

import { KendoOptimisedSearchModule } from 'kendo-optimised-search'

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { KendoOptimisedSearchModule } from 'kendo-optimised-search';



@NgModule({
 declarations: [
   AppComponent
 ],
 imports: [
   BrowserModule,
   DropDownsModule,
   BrowserAnimationsModule,
   KendoOptimisedSearchModule
 ],
 providers: [],
 bootstrap: [AppComponent]
})
export class AppModule { }
0.1.0

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago