Binod Java Solution

Steps To Build Web Server Docker Image - 2 min job

noreply@blogger.com (Binod Suman) — Fri, 12 Oct 2018 18:30:00 +0000

I assume you must be knowing what is Docker, Container and their concept.
Here I am giving only basic steps to develop Docker Image for web based application. This tutorial will give you very basic temple on how to develop web based Docker Image.

Please use comment box if you have any question or suggestion.

Step 1: Create one HTML file, say index.html

Binod Suman

This web page from Docker / Kubernetes

Current time

Step 2: Create one Docker file

FROM centos:latest

RUN yum -y install httpd

COPY index.html /var/www/html/

CMD ["/usr/sbin/httpd","-D","FOREGROUND"]

EXPOSE 80

Step 3: Build Docker Image, use below command
docker build -t hello-web .
NOTE: one dot is there at last in above command. I assume index.html and Docker are in the folder that why I used dot else you can give path of Dockerfile as well.

Now your Docker Image ready to use. How to use:

docker run -p 3123:80 -it hello-web:latest

Here 3123 is host machine port and 80 port where application is running in container.

Go your web brower:
http://locahost:3123

You will get output, like some thing:

This web page from Docker / Kubernetes

Current time

10/12/2018, 11:58:36 PM

I have already push this image to docker hub, you can directly pull from there:

docker pull binodsuman/hello-web

docker run -p 3123:80 -it binodsuman/hello-web:latest

Connect Amazon S3 from Java code. Amazon S3 with Java. Amazon S3 Java code example using the AWS SDK. Upload single or multiple object using AWS Java SDK

noreply@blogger.com (Binod Suman) — Fri, 23 Feb 2018 15:16:00 +0000

Login to aws.amazon.com
Create one user from IAM and give access these things:
AWSConnector
AmazonS3FullAccess

And copy "Access Key" and "Secret Access Key" and it will using in your java code to establish connection.

Create one Maven Project in any Eclipse and add this below one dependency:

com.amazonaws
aws-java-sdk
1.9.2

Then use below code to create bucket, create folder and upload some text file.

package AmazonS3.amazondemo;

import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.InputStream;

import com.amazonaws.auth.AWSCredentials;
import com.amazonaws.auth.BasicAWSCredentials;
import com.amazonaws.services.s3.AmazonS3;
import com.amazonaws.services.s3.AmazonS3Client;
import com.amazonaws.services.s3.model.Bucket;
import com.amazonaws.services.s3.model.ObjectMetadata;
import com.amazonaws.services.s3.model.PutObjectRequest;

public class App
{

static String accessKey = "**********************************";
static String secretAccessKey = "********************************************";

public static void main( String[] args )
{
System.out.println( "Demo for Amazon S3 connectivity from Standalone Java code!" );
AWSCredentials awsCredentials = new BasicAWSCredentials(accessKey, secretAccessKey);

AmazonS3 amazonS3Client = new AmazonS3Client(awsCredentials);

System.out.println("Bucket is being created ..................");
String bucketName = "bucktbyjavacode";
amazonS3Client.createBucket(bucketName);

for(Bucket bucket : amazonS3Client.listBuckets()){
System.out.println("Bucket in Amazon S3 :"+bucket.getName());
}

System.out.println("Folder is being created ................");
String newFolderName = "Folder_by_Java_Code";
App demo = new App();
//demo.createNewFolder(bucketName, newFolderName, amazonS3Client);
String fileName = "demotextfile.txt";
amazonS3Client.putObject(new PutObjectRequest(bucketName, fileName, new File("D:\\demotextfile.txt")));

System.out.println("All Done ............");

}

private void createNewFolder(String bucketName, String newFolderName, AmazonS3 amazonClient){
ObjectMetadata metaData = new ObjectMetadata();
metaData.setContentLength(0);

InputStream emptyContent = new ByteArrayInputStream(new byte[0]);

PutObjectRequest putObjectRequest = new PutObjectRequest(bucketName, newFolderName, emptyContent, metaData);

amazonClient.putObject(putObjectRequest);
}
}

How to Call R from Java using Rserve, R Programming through Java

noreply@blogger.com (Binod Suman) — Fri, 16 Feb 2018 04:14:00 +0000

We will use Rserve software to connect our Java code to R environment. Rserve is a TCP/IP server which allows other programs to use facilities of R from various languages without the need to initialize R or link against R library. Every connection has a separate workspace and working directory. For more details please refer this page https://www.rforge.net/Rserve/

Install R software in your computer somewhere. (My case it is D:\InstalledSoftware\R-3.4.3)
Start your R environment
Install Rserve package (use command install.packages("Rserve"))
Start Rserve in your R environment (use command library(Rserve))
That’s it from R side.
Now setup your Java project.
Open any Eclipse, create java project say "RJavaConnect"
Add two Rserve related jar file in your RJavaConnect project (REngine.jar and Rserve.jar)
You can get both jar from D:\InstalledSoftware\R-3.4.3\library\Rserve\java (In your case check your R installation path). Else you can add these two dependency in your pom.xml

org.nuiton.thirdparty

REngine

1.8-5

org.nuiton.thirdparty

Rserve

1.8-5

Finally, create one Java Class say Demo.java and execute below code. That’s it :)

package pkg;

import org.rosuda.REngine.REXP;

import org.rosuda.REngine.REXPMismatchException;

import org.rosuda.REngine.REngineException;

import org.rosuda.REngine.Rserve.RConnection;

import org.rosuda.REngine.Rserve.RserveException;

public class Demo {

RConnection connection = null;

public static void main(String[] args) {

Demo demo = new Demo();

demo.connectToR();

}

public void connectToR(){

try{

connection = new RConnection();

String vector = "c(1,2,3,4)";

connection.eval("meanVal=mean(" + vector + ")");

double mean = connection.eval("meanVal").asDouble();

System.out.println("The mean of given vector is=" + mean);

String setwd = "setwd(\"d:/InstalledSoftware/RStudio\")";

connection.eval(setwd);

vector = "binod<-c p="">

connection.eval(vector);*/

int[] input = {10,20,30,40,50};

connection.assign("input", input);

REXP output = connection.eval("mean(input)");

System.out.println("Mean of out input data :"+output);

System.out.println("Mean of out input data :"+output.asDouble());

}catch (RserveException e) {

e.printStackTrace();

}catch (REXPMismatchException e) {

e.printStackTrace();

} catch (REngineException e) {

e.printStackTrace();

}finally{

if(connection != null){

connection.close();

}

java.util.Optional, Tired of Null Pointer Exceptions, get rid of Null Pointer Exceptions, Handle NullPointerException in Java

noreply@blogger.com (Binod Suman) — Sat, 18 Jun 2016 14:53:00 +0000

See this below java code to add two Integer:

public Integer sumOfTwoInteger(Integer a, Integer b){
return a + b;
}

Here, sumOfTwoInteger() method at all not taking care of any of the method arguments, this method will be executed either you pass any valid Integer value or any null value. Even, from where (caller method) you will call this sumOfTwoInteger() method, caller method will be also taking care for data is going to pass to sumOfTwoInteger() method. Finally ends up with this below error message:

Integer a = null;
Integer b = 10;

System.out.println(test.sumOfTwoInteger(a,b));

Exception in thread "main" java.lang.NullPointerException
at Tester.sumOfTwoInteger(GuavaTester.java:19)
at Tester.main(GuavaTester.java:14)

Now, how to handle this kind of situation where null check is to be check always and each and every place, before calling method or during method is being executed.

User java.util.Optional package.

import java.util.Optional;

public class Tester {
public static void main(String args[]) {
Tester guavaTester = new Tester();

Integer invalidInput = null;

Optional a = Optional.of(invalidInput);
Optional b = Optional.of(new Integer(10));

System.out.println(guavaTester.sumOfTwoInteger(a,b));
}

public Integer sumOfTwoInteger(Optional a, Optional b){
return a.get() + b.get();
}

}

Now, when you will run this code, it will give error at line, where you are trying to create Integer value a.

Exception in thread "main" java.lang.NullPointerException
at java.util.Objects.requireNonNull(Unknown Source)
at java.util.Optional.(Unknown Source)
at java.util.Optional.of(Unknown Source)
at Tester.main(Tester.java:11)

More details at http://www.tutorialspoint.com/guava/index.htm

Create index in kibana using curl command, Index creation in Kibana by code, Kibana index by command, create index in Kibana in background

noreply@blogger.com (Binod Suman) — Thu, 28 Apr 2016 09:36:00 +0000

Your ElasticSearch Servar and Kibana server should be running during this poc.

Just assume,

Kibana is running at 10.20.30.40:5601

First requirement, you should have same index in your Elasticsearch for which you wanted to create index in Kibana.
If you do not have any index in Elasticsearch then first create it.

{
"_index": "twiteer_one",
"_type": "tweet",
"_id": "2",
"_score": 1,
"_source": {
"nick": "Ishan@gmail.com",
"date": "2015-02-10",
"post": "NCFE",
"other_name": "Ishan Suman"
}
},
{
"_index": "twiteer_one",
"_type": "tweet",
"_id": "17",
"_score": 1,
"_source": {
"nick": "@binodsuman",
"date": "2014-08-15",
"post": "BigData, Kibana, ES, ML",
"other_name": "Binod Suman"
}
}

I hope your Elasticsearch must be running while using below command.

Now suppose you want to create index with name twiteer_one in your kibana, then use this below command in lunux flavor machine. (This command gives some error while executing in Windows Machine).

curl -H "Content-Type: application/json" -XPOST -i -H "kbn-version:4.4.2" http://10.20.30.40:5601/elasticsearch/.kibana/index-pattern/twiteer_one?op_type=create -d '{"title": "twiteer_two", "timeFieldName": "date"}'

After successfully execute this command, come in Kibana and check.

Kibana -> Settings -> Indices, your twiteer_two index should be here.

Export and import via curl kibana’s dashboards and visualizations, Kibana Dashboard export into another Elasticsearch, command line load dashboard, How to save dashboard as json file, Location of custom Kibana dashboards in ElasticSearch

noreply@blogger.com (Binod Suman) — Wed, 27 Apr 2016 18:08:00 +0000

First in create some index and data in first ElasticSearch. As per my example:
{
"_index": "twiteer_one",
"_type": "tweet",
"_id": "2",
"_score": 1,
"_source": {
"nick": "Ishan@gmail.com",
"date": "2015-02-10",
"post": "NCFE",
"other_name": "Ishan Suman"
}
},
{
"_index": "twiteer_one",
"_type": "tweet",
"_id": "17",
"_score": 1,
"_source": {
"nick": "@binodsuman",
"date": "2014-08-15",
"post": "BigData, Kibana, ES, ML",
"other_name": "Binod Suman"
}

- Connect this first ElasticSearch into your kibana dashboard.
- Create two visualization using above index "twiteer_one"
In my case, First-Visualization and Second-Visualization
- Create one Dashboard in kibana using these two visualization.
In my case my Dashboard name is "My-Dashboard".

- Export all three item (two visualization and one dashboard) individually from Kibana.
HOW: In Kibana -> go to Settings -> Objects -> Visualization and
* tick on First Visualization and export and save in one folder with name v1.json
* tick on Second Visualization and export and save in one folder with name v2.json

- In Kibana -> go to Settings -> Objects -> Dashboard and
* tick on My Dashboard and export and save in one folder with name dashboard.json

- Stop this first ElasticSearch
- Start your second ElasticSearch, make sure you should have same index "twiteer_one" with same set of data.
Edit v1.json and remove first four line and your file should like this:

{
"title": "First Visualization",
"visState": "{\"title\":\"New
----
-----
"searchSourceJSON": "{\"index\":\"twiteer_one\",\"query\":{\"query_string\":{\"query\":\"*\",\"analyze_wildcard\":true}},\"filter\":[]}"
}
}
Edit v2.json and dashboard.json also and remove first four lines.

Execute these three curl command:
D:\Kibana_Json>curl localhost:9200/.kibana/visualization/First-Visualization -d @v1.json
D:\Kibana_Json>curl localhost:9200/.kibana/visualization/Second-Visualization -d @v2.json
D:\Kibana_Json>curl localhost:9200/.kibana/dashboard/My-Dashboard -d @dashboard.json
Make sure after executing each command you must get "created":true message.
{"_index":".kibana","_type":"dashboard","_id":"My-Dashboard","_version":1,"_shards":{"total":2,"successful":1,"failed":0},"created":true}
D:\Kibana_Json>

Now you connect second ElasticSearch with Kibana and you will be getting all your visualization and Dashboard.
Please write if any problem or feedback.

SSL enable Server and Client side code, KeyStore, KeyManagerFactory, SSLContext, SSLServerSocketFactory, easy example of Java SSL code, getting start with SSL, What is SSL, Wha is the use of SSL, keytool command, SSL Client java code, How to write SSL enable client side code

noreply@blogger.com (Binod Suman) — Thu, 24 Mar 2016 11:40:00 +0000

SSL (Secure Sockets Layer) provides a secure connection between internet browsers and websites, allowing you to transmit private data online.

Server used to have private and public key (key OR certificate). Server creator either can take certificate from some well known Certificate Authority (CA) or generate their own certificate using java keytool command. When client wants to connect server, server send public key to client and handshake happens between both.

Using server's public key, all data which go from client to server are encrypted by server's public key and at server side using private key, server can decrypted those client data. But instead always using public and private key, after handshake both client and server use one symmetric key for their encryption and decryption.

How to generate your own key using JDK keytool command.
keytool -genkey -keystore demokeystore -keyalg RSA
I use "password" as password while generating this keystore.

SSLServerDemo.java

import javax.net.ssl.KeyManagerFactory;
import javax.net.ssl.SSLContext;
import javax.net.ssl.SSLServerSocket;
import javax.net.ssl.SSLServerSocketFactory;
import javax.net.ssl.SSLSocket;
import javax.net.ssl.TrustManagerFactory;

import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.security.KeyStore;

public class SSLServerDemo {
public static void main(String[] arstring) {
SSLContext sslContext;
System.out.println("** Servlet start with inbuild SSL **");
try {

InputStream kis = new FileInputStream("demokeystore");
KeyStore keyStore = KeyStore.getInstance("jks");
keyStore.load(kis, "password".toCharArray());
KeyManagerFactory keyManagerFactory = KeyManagerFactory.getInstance(KeyManagerFactory.getDefaultAlgorithm());
keyManagerFactory.init(keyStore, "password".toCharArray());

sslContext = SSLContext.getInstance("TLS");
sslContext.init(keyManagerFactory.getKeyManagers(), null, null);

SSLServerSocketFactory sslserversocketfactory = sslContext.getServerSocketFactory();
SSLServerSocket sslserversocket = (SSLServerSocket) sslserversocketfactory.createServerSocket(9000);
SSLSocket sslsocket = (SSLSocket) sslserversocket.accept();

InputStream inputstream = sslsocket.getInputStream();
InputStreamReader inputstreamreader = new InputStreamReader(inputstream);
BufferedReader bufferedreader = new BufferedReader(inputstreamreader);

String string = null;
while ((string = bufferedreader.readLine()) != null) {
System.out.println("From SSL Server :"+string);
System.out.flush();
}
} catch (Exception e) {
e.printStackTrace();
}
}
}

SSLClientDemo.java

import javax.net.ssl.KeyManagerFactory;
import javax.net.ssl.SSLContext;
import javax.net.ssl.SSLServerSocketFactory;
import javax.net.ssl.SSLSocket;
import javax.net.ssl.SSLSocketFactory;
import javax.net.ssl.TrustManagerFactory;

import java.io.*;
import java.security.KeyStore;

public class SSLClientDemo {
public static void main(String[] arstring) {
SSLContext sslContext;
try {

   InputStream kis = new FileInputStream("demokeystore");
KeyStore trustStore = KeyStore.getInstance("jks");
trustStore.load(kis, "password".toCharArray());
TrustManagerFactory trustManagerFactory = TrustManagerFactory.getInstance(TrustManagerFactory.getDefaultAlgorithm());
trustManagerFactory.init(trustStore);

sslContext = SSLContext.getInstance("TLS");
sslContext.init(null, trustManagerFactory.getTrustManagers(), null);

SSLSocketFactory sslsocketfactory = sslContext.getSocketFactory();
SSLSocket sslsocket = (SSLSocket) sslsocketfactory.createSocket("localhost", 9000);

InputStream inputstream = System.in;
InputStreamReader inputstreamreader = new InputStreamReader(inputstream);
BufferedReader bufferedreader = new BufferedReader(inputstreamreader);

OutputStream outputstream = sslsocket.getOutputStream();
OutputStreamWriter outputstreamwriter = new OutputStreamWriter(outputstream);
BufferedWriter bufferedwriter = new BufferedWriter(outputstreamwriter);

String string = null;
while ((string = bufferedreader.readLine()) != null) {
bufferedwriter.write(string + '\n');
bufferedwriter.flush();
}
} catch (Exception e) {
e.printStackTrace();
}
}
}

Compile both java file and run both. Now if you type any message in client side, it will send to server side code.

How to write ElasticSearch 2.2 plugin, Getting start Elasticsearch Plugin, Develop ElasticSearch Plugin, How to debug elasticsearch plugin using eclipse, Remote debuging in Elasticsearch plugin, first plugin in Elasticsearch,

noreply@blogger.com (Binod Suman) — Tue, 22 Mar 2016 18:16:00 +0000

How to develop custom plugin for ElasticSearch 2.2

What is Plugin:
Plugins are a way to enhance the basic elasticsearch functionality in a custom manner. They range from adding custom mapping types, custom analyzers, native scripts, custom discovery and more.

There are three types of plugins:
- Java plugins
These plugins contain only JAR files, and must be installed on every node in the cluster. After installation, each node must be restarted before the plugin becomes visible.
- Site plugins
These plugins contain static web content like Javascript, HTML, and CSS files, that can be served directly from Elasticsearch.
http://yournode:9200/_plugin/[plugin name]
- Mixed plugins
Mixed plugins contain both JAR files and web content.

Here, I am going to develop Java Plugins.
1. Create one simple Maven project from Eclipse.
2. Add below things to your pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>org.elasticsearch</groupId>
<artifactId>es_plugin</artifactId>
<version>1.1</version>
<packaging>jar</packaging>

<name>es_plugin</name>

<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
</properties>

<dependencies>
<dependency>
<groupId>org.elasticsearch</groupId>
<artifactId>elasticsearch</artifactId>
<version>2.2.1</version>
<scope>provided</scope>
</dependency>
</dependencies>

<build>
<finalName>${project.artifactId}</finalName>
<plugins>
<plugin>
<artifactId>maven-assembly-plugin</artifactId>
<version>2.5.5</version>
<configuration>
<appendAssemblyId>false</appendAssemblyId>
<outputDirectory>${project.build.directory}/releases/</outputDirectory>
<descriptors>
<descriptor>${basedir}/src/main/assemblies/plugin.xml</descriptor>
</descriptors>
</configuration>
</plugin>
</plugins>
</build>

</project>

3. In side src folder, you should have these three folders.
src -> assemblies, java and resources subfolder
4. Inside assemblies folder, plugin.xml
5. Inside resources, plugin-descriptor.properties file should be there.
6. Inside java folder, all java file under package, In my case
java\org\elasticsearch\es_plugin this folder has three java file.
- App.java
- ExampleRestModule.java
- HelloRestHandler.java

** plugin.xml **

<?xml version="1.0"?>
<assembly
xmlns="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.2"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.2 http://maven.apache.org/xsd/assembly-1.1.2.xsd">
<id>plugin</id>
<formats>
<format>zip</format>
</formats>
<includeBaseDirectory>false</includeBaseDirectory>
<dependencySets>
<dependencySet>
<outputDirectory>/</outputDirectory>
<useProjectArtifact>true</useProjectArtifact>
<useTransitiveFiltering>true</useTransitiveFiltering>
</dependencySet>
</dependencySets>
</assembly>

** plugin-descriptor.properties **

# All plugins, be they site or Java plugins, must contain a file called plugin-descriptor.properties in the root directory.
# Elasticsearch plugin descriptor file
description=Binod Suman ES Demo Plugin
version=1.1
# 'name': the plugin name
name=Binod ES Plugin Demo
jvm=true
# 'classname': the name of the class to load, fully-qualified.
#classname=com.netiq.scm.SCMPlugin
classname=org.elasticsearch.es_plugin.App
java.version=1.8
elasticsearch.version=2.2.1

** App.java **
package org.elasticsearch.es_plugin;

import java.util.Collection;
import java.util.Collections;

import org.elasticsearch.common.inject.Module;
import org.elasticsearch.plugins.Plugin;

@SuppressWarnings("static-method")
public class App extends Plugin {

@Override
public String name() {
return "Binod Suman ElasticSearch Demo Name";
}

@Override
public String description() {
return "** Purpose for this plugin to how to write first ElasticSearch Demo";
}

@Override
public Collection nodeModules() {
return Collections.singletonList(new ExampleRestModule());
}
}

** ExampleRestModule.java **
package org.elasticsearch.es_plugin;

import org.elasticsearch.common.inject.AbstractModule;

public class ExampleRestModule extends AbstractModule {

@Override
protected void configure() {
bind(HelloRestHandler.class).asEagerSingleton();
}

}

** HelloRestHandler.java **
package org.elasticsearch.es_plugin;

import org.elasticsearch.common.component.AbstractComponent;
import org.elasticsearch.common.inject.Inject;
import org.elasticsearch.common.settings.Settings;

public class HelloRestHandler extends AbstractComponent {

@Inject
public HelloRestHandler(Settings settings) {
super(settings);
System.out.println("**** Hello I am here in HelloResthandler Module of ES 2 **");
}

}

** Now build your code by pom.xml **
mvn clean install
It will create one jar file "es_plugin.jar" inside target folder.

Create one folder in side your ElasticSearch installation Plugin folder. In my case, I created one folder
binod-demo-plugin inside E:\Software\elasticsearch-2.2.1\plugins folder.
Inside E:\Software\elasticsearch-2.2.1\plugins\binod-demo-plugin folder, I kept these two files:
es_plugin.jar
plugin-descriptor.properties

Now try to restart ElasticSearch.
E:\Software\elasticsearch-2.2.1\bin>elasticsearch.bat
[2016-03-22 23:03:38,140][INFO ][node ] [Bison] version[2.2.1], pid[13000], build[d045fc2/2016-03-09T09:38:54Z]
[2016-03-22 23:03:38,141][INFO ][node ] [Bison] initializing ...
[2016-03-22 23:03:38,689][INFO ][plugins ] [Bison] modules [lang-expression, lang-groovy], plugins [Binod ES Plugin Demo, scm], sites []
[2016-03-22 23:03:38,712][INFO ][env ] [Bison] using [1] data paths, mounts [[New Volume (E:)]], net usable_space [66.1gb], net total_space [157.8gb], spins? [unknown], types [NTFS]
[2016-03-22 23:03:38,712][INFO ][env ] [Bison] heap size [910.5mb], compressed ordinary object pointers [true]
[2016-03-22 23:03:38,931][INFO ][http ] [Bison] Using [org.elasticsearch.http.netty.NettyHttpServerTransport] as http transport, overridden by [SCM]
**** Hello I am here in HelloResthandler Module of ES 2 **
[2016-03-22 23:03:39,779][INFO ][com.netiq.scm.Util ] [Bison] java.home = D:\InstalledFolder\Java\jdk1.8.0_45\jre
[2016-03-22 23:03:39,780][ERROR][com.netiq.scm.Util ] [Bison] E:\Software\elasticsearch-2.2.1\config\db.properties (The system cannot find the file specified)
[2016-03-22 23:03:40,878][ERROR][com.netiq.scm.Util ] [Bison] Cannot sync configuration from SCM Core. java.net.MalformedURLException: no protocol: nullconfig/[get]
[2016-03-22 23:03:40,997][INFO ][node ] [Bison] initialized
[2016-03-22 23:03:40,997][INFO ][node ] [Bison] starting ...
-03-22 23:03:47,695][INFO ][node ] [Bison] started

Here you can see the output carefully, some message comes from your own plugin.

**** How to set Debug breakpoint *****
1. put break point of HelloRestHandler constructor
2. Add some extra parameter in elasticsearch.bat file.
For More details: http://binodsuman.blogspot.in/2016/03/how-to-call-elasticsearch-in-debug-mode.html
3. Set one remote debug for this project in Eclipse.
4. Now start ElasticSearch.bat with extra debug parameter and start project in Eclipse.

How to call ElasticSearch in debug mode, ElasticSearch 2.2 starts in debug mode, active debug mode in ElasticSearch, bat file add debug mode parameter, How add debug in batch file, How to debug elasticsearch plugin using eclipse

noreply@blogger.com (Binod Suman) — Tue, 22 Mar 2016 12:52:00 +0000

Inside bat file, from where you are calling ElasticSearch (In my case E:\Software\elasticsearch-2.2.1\bin\elasticsearch.bat) add these parameter

-agentlib:jdwp=transport=dt_socket,server=y,suspend=y,address=8010

Then go to Eclipse and in Remote Debug put port 8010 for your ElasticSearch Plugin Code.

Here is full bat file to call ElasticSearch:

@echo off

SETLOCAL enabledelayedexpansion
TITLE Elasticsearch 2.2.1

SET params='%*'

:loop
FOR /F "usebackq tokens=1* delims= " %%A IN (!params!) DO (
SET current=%%A
SET params='%%B'
SET silent=N

IF "!current!" == "-s" (
SET silent=Y
)
IF "!current!" == "--silent" (
SET silent=Y
)

IF "!silent!" == "Y" (
SET nopauseonerror=Y
) ELSE (
IF "x!newparams!" NEQ "x" (
SET newparams=!newparams! !current!
) ELSE (
SET newparams=!current!
)
)

IF "x!params!" NEQ "x" (
GOTO loop
)
)

SET HOSTNAME=%COMPUTERNAME%

CALL "%~dp0elasticsearch.in.bat"
IF ERRORLEVEL 1 (
IF NOT DEFINED nopauseonerror (
PAUSE
)
EXIT /B %ERRORLEVEL%
)

"%JAVA_HOME%\bin\java" -agentlib:jdwp=transport=dt_socket,server=y,suspend=y,address=8010 %JAVA_OPTS% %ES_JAVA_OPTS% %ES_PARAMS% -cp "%ES_CLASSPATH%" "org.elasticsearch.bootstrap.Elasticsearch" start !newparams!

ENDLOCAL

Java Regex to Validate IPV4, IPV6 IP address and Port range, Java IP address validation, Regex expression for IP address

noreply@blogger.com (Binod Suman) — Thu, 03 Mar 2016 06:10:00 +0000

private static final String ipv4Pattern = "(([01]?\\d\\d?|2[0-4]\\d|25[0-5])\\.){3}([01]?\\d\\d?|2[0-4]\\d|25[0-5])";
private static final String ipv6Patten = "^(((?=(?>.*?::)(?!.*::)))(::)?([0-9A-F]{1,4}::?){0,5}"
+ "|([0-9A-F]{1,4}:){6})(\\2([0-9A-F]{1,4}(::?|$)){0,2}|((25[0-5]"
+ "|(2[0-4]|1\\d|[1-9])?\\d)(\\.|$)){4}|[0-9A-F]{1,4}:[0-9A-F]{1,"
+ "4})(?<![^:]:|\\.)\\z";

private static final String portRegex = "^(6553[0-5]|655[0-2]\\d|65[0-4]\\d\\d|6[0-4]\\d{3}|[1-5]\\d{4}|[2-9]\\d{3}|1[1-9]\\d{2}|10[3-9]\\d|102[4-9])$";

Complete Code:

import java.util.ArrayList;

import java.util.Arrays;

import java.util.List;

import java.util.regex.Pattern;

public class IPValidate {

private static Pattern VALID_IPV4_PATTERN = null;

private static Pattern VALID_IPV6_PATTERN = null;

private static Pattern VALID_PORT_PATTERN = null;

private static Pattern CHECK_IPV6_ADDRESS = null;

private static String COMMA = ",";

private static String COLON = ":";

private static String CLOSE_BRACKET = "]";

private static String CLOSE_BRACKET_AND_COLON = "]:";

private static final String ipv4Pattern = "(([01]?\\d\\d?|2[0-4]\\d|25[0-5])\\.){3}([01]?\\d\\d?|2[0-4]\\d|25[0-5])";

private static final String ipv6Patten = "^(((?=(?>.*?::)(?!.*::)))(::)?([0-9A-F]{1,4}::?){0,5}"

+ "|([0-9A-F]{1,4}:){6})(\\2([0-9A-F]{1,4}(::?|$)){0,2}|((25[0-5]"

+ "|(2[0-4]|1\\d|[1-9])?\\d)(\\.|$)){4}|[0-9A-F]{1,4}:[0-9A-F]{1,"

+ "4})(?<![^:]:|\\.)\\z";

private static final String portRegex = "^(6553[0-5]|655[0-2]\\d|65[0-4]\\d\\d|6[0-4]\\d{3}|[1-5]\\d{4}|[2-9]\\d{3}|1[1-9]\\d{2}|10[3-9]\\d|102[4-9])$";

private static final String ip6address = "^\\[([0-9a-fA-F:]*)\\]:(.*)";

public IPValidate(){

VALID_IPV4_PATTERN = Pattern.compile(ipv4Pattern, Pattern.CASE_INSENSITIVE);

VALID_IPV6_PATTERN = Pattern.compile(ipv6Patten, Pattern.CASE_INSENSITIVE);

VALID_PORT_PATTERN = Pattern.compile(portRegex, Pattern.CASE_INSENSITIVE);

CHECK_IPV6_ADDRESS = Pattern.compile(ip6address, Pattern.CASE_INSENSITIVE);

}

private boolean validateIP4Address(String ip){

return VALID_IPV4_PATTERN.matcher(ip).matches();

}

private boolean validateIP6Address(String ip){

return VALID_IPV6_PATTERN.matcher(ip).matches();

}

private boolean validatePortNumber(String port){

return VALID_PORT_PATTERN.matcher(port).matches();

}

private boolean isIPV6Address(String ip){

return ip.contains("[")&&ip.contains("]");

}

private List getSeperatedList(String data, String delimeter){

//return Pattern.compile(delimeter).splitAsStream(data).collect(Collectors.toList());

return new ArrayList(Arrays.asList(data.split(delimeter)));

}

public boolean validateIPAddress(String ips){

List ipsList = getSeperatedList(ips,COMMA);

List ipAndPort = null;

String ipAddress = null;

String port = null;

for(String ip : ipsList){

ip=ip.trim();

if(isIPV6Address(ip)){

ipAndPort = getSeperatedList(ip,CLOSE_BRACKET_AND_COLON);

if(ipAndPort.size()!=2){

System.out.println("Invalid format. Please specify the IP addresses and port numbers again.");

return false;

}

ipAddress = ipAndPort.get(0).trim().substring(1); // to remove [

port = ipAndPort.get(1).trim(); // to remove :

if(!(validateIP6Address(ipAddress))){

System.out.println("The specified IVP6 address is invalid. Please specify the IP addresses again.");

return false;

}

}else{

ipAndPort = getSeperatedList(ip,COLON);

if(ipAndPort.size()!=2){

System.out.println("Invalid format. Please specify the IP addresses and port numbers again.");

return false;

}

ipAddress = ipAndPort.get(0).trim();

port = ipAndPort.get(1).trim();

if(!(validateIP4Address(ipAddress))){

System.out.println("The specified IPV4 address is invalid. Please specify the IP addresses again.");

return false;

}

if(!(validatePortNumber(port))){

System.out.println("The specified port is invalid. Please specify port numbers again.");

return false;

}

return true;

}

public static void main(String[] args) {

IPValidate demo = new IPValidate();

String ips = "[2001:0:1234::c1c0:abcd:876d]:9090,10.90.200.252:6500,29.90.39.89:2918,[2001:0:1234::c1c0:abcd:876]:9090";

//String ips = "[::1]:9090,10.90.20.98:8009";

//String ips = "[::1]:9099";

//String ips = "2.3.4.5:3757";

//String ips="";

boolean isIPAddressValidate = demo.validateIPAddress(ips);

System.out.println("isIPAddressValidate :"+isIPAddressValidate);

}

Java Difference between NoClassDefFoundError VS ClassNotFoundException in Java

noreply@blogger.com (Binod Suman) — Mon, 16 Mar 2015 05:42:00 +0000

** Difference between NoClassDefFoundError VS ClassNotFoundException in Java **

Both exception due to missing classes in classpath.

First we will see : NoClassDefFoundError

Class Car{

}

Class Demo
{
public static void main(String[] args){
Car car = new Car();
}

}

e:\Binod> javac Demo.java
It will create Demo.class and Car.class
Now you go and delete Car.class
Now
e:\Binod>java Demo
You will get below exception:
Exception in thread "main" java.lang.NoClassDefFoundError: Car
at Demo2.main(Demo.java:9)
Caused by: java.lang.ClassNotFoundException: Car
at java.net.URLClassLoader$1.run(URLClassLoader.java:366)
at java.net.URLClassLoader$1.run(URLClassLoader.java:355)

******* Now we will see ClassNotFoundException ********

ClassNotFoundException is a checked Exception derived directly from java.lang.Exception class and you need to provide explicit

handling for it while NoClassDefFoundError is an Error derived from LinkageError.

public class Demo {
public static void main(String[] args) {
try {
Class check = Class.forName("Car");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
}
}

Make sure Car.class should not be there in classpath.
e:\Binod> javac Demo.java
It will create Demo.class only
e:\Binod>java Demo
This time, you will get below exception:

java.lang.ClassNotFoundException: Car
at java.net.URLClassLoader$1.run(URLClassLoader.java:366)
at java.net.URLClassLoader$1.run(URLClassLoader.java:355)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(URLClassLoader.java:354)

NOTE:
ClassNotFoundException comes in java if we try to load a class at run-time using with
Class.forName() or
ClassLoader.loadClass() or
ClassLoader.findSystemClass() method
and requested class is not available in Java.

ExtJS Editable grid panel, extjs - Altering data in Ext.data.Model, Ext JS simple grid example with editable column, ExtJS Grid Edit Tutorial: Edit Data with an Ext JS Grid, ExtJs Simple Grid - Edit Column

noreply@blogger.com (Binod Suman) — Thu, 26 Feb 2015 06:19:00 +0000

Very basic example of ExtJS 5.1 Grid Panel with editable column functionality.
For making column as editable, add two things:

1. Add below plugin to your grid panel
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit : 1
})
],

2. In column definition add below configuration:

editor: 'textfield'

Here is full running example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5 Grid Example</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<style>
.x-grid-item-selected .x-grid-cell {
background-color: #B3D4FF !important;
color :#000000 !important;
}

</style>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[
{name: 'id'},
{name: 'name'},
{name: 'mobile'},
{name: 'TestColumn',
convert : function(value, record){
return record.get('name')+" CHECK";
}

}
]
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
pageSize: 7,
data:[
{id:'1', name:'Binod', mobile:'999999999'},
{id:'5', name:'Ishan', mobile:'898989898998'},
{id:'3', name:'Akshu', mobile:'1234123499'},
{id:'4', name:'Sanjay 4', mobile:'999988885'},
{id:'5', name:'Sanjay 5', mobile:'999988885'},
{id:'6', name:'Sanjay 6', mobile:'999988885'},
{id:'7', name:'Sanjay 7', mobile:'999988885'},
{id:'8', name:'Sanjay 8', mobile:'999988885'},
{id:'9', name:'Sanjay 9', mobile:'999988885'},
{id:'20', name:'Sanjay 20', mobile:'999988885'},
{id:'21', name:'Sanjay 21', mobile:'999988885'},
{id:'22', name:'Sanjay 22', mobile:'999988885'},
{id:'23', name:'Sanjay 23', mobile:'999988885'},
{id:'24', name:'Zambia 24', mobile:'8888999997'}
]

});

Ext.create('bin.com.ResultGrid',{
renderTo: Ext.getBody(),
store: studentStore

});

});

Ext.define('bin.com.ResultGrid',{
extend: 'Ext.grid.Panel',
width: 600,
height: 200,
title: 'Student Records',

plugins: ['gridfilters',
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit : 1
})
],
columns:[
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', editor: 'textfield', flex: 1},
{text: 'Test Column' , filter: 'string',dataIndex:'TestColumn', flex: 1},

],

initComponent: function () {
this.selModel = new Ext.selection.CheckboxModel( {
});
this.callParent(arguments);
}

});
</script>
</head>
</html>

ExtJs 5.1 Paging tool not showing correct data when its load, Ext js Pagination issue in 5.1, ExtJs 5.1 Pagination tutorial, Ext JS pagingtoolbar not working during loading time

noreply@blogger.com (Binod Suman) — Fri, 13 Feb 2015 11:31:00 +0000

ExtJS 5.1 has one bug that when you load grid panel then first time it will not show correct paging number in paging tool. Once you do page next then it starts working.
During page load time it always show Page 1 of 1.

First Pagination code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5.1.0 Grid Pagination Example</title>

<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[{name: 'id'},{name: 'name'},{name: 'mobile'} ]
});

var mydata = {
"success":true,
"totalCount": 24,
"rows":[
{status: true, id:1, name:'Binod', mobile:'0000099257'},
{status: true, id:2, name:'Binod 2', mobile:'0000099257'},
{status: true, id:3, name:'Akshu', mobile:'12345070277'},
{status: false, id:4, name:'Sanjay 4', mobile:'999988885'},
{status: false, id:5, name:'Sanjay 5', mobile:'999988885'},
{status: false, id:6, name:'Sanjay 6', mobile:'999988885'},
{status: false, id:7, name:'Sanjay 7', mobile:'999988885'},
{status: false, id:8, name:'Sanjay 8', mobile:'999988885'},
{status: false, id:9, name:'Sanjay 9', mobile:'999988885'},
{status: false, id:10, name:'Sanjay 10', mobile:'999988885'},
{status: false, id:11, name:'Sanjay 11', mobile:'999988885'},
{status: false, id:12, name:'Sanjay 12', mobile:'999988885'},
{status: false, id:13, name:'Sanjay 13 ', mobile:'999988885'},
{status: false, id:14, name:'Sanjay 14', mobile:'999988885'},
{status: false, id:15, name:'Sanjay 15', mobile:'999988885'},
{status: false, id:16, name:'Sanjay 16', mobile:'999988885'},
{status: false, id:17, name:'Sanjay 17', mobile:'999988885'},
{status: false, id:18, name:'Sanjay 18', mobile:'999988885'},
{status: false, id:19, name:'Sanjay 19', mobile:'999988885'},
{status: false, id:20, name:'Sanjay 20', mobile:'999988885'},
{status: false, id:21, name:'Sanjay 21', mobile:'999988885'},
{status: false, id:22, name:'Sanjay 22', mobile:'999988885'},
{status: false, id:23, name:'Sanjay 23', mobile:'999988885'},
{status: true, id:24, name:'Zambia 24', mobile:'8888999997'}
]
}

var storeProxy = {
type: 'memory',
enablePaging : true,
data: mydata
};

storeProxy.reader = {
type: 'json',
totalProperty: 'totalCount',
rootProperty: 'rows',
successProperty: 'success'
};

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
remoteSort: true,
remoteFilter : true,
pageSize: 10,
proxy: storeProxy

});

var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
afterPageText:'of '+Math.ceil( studentStore.proxy.data.rows.length / studentStore.pageSize) ,
dock: 'bottom',
displayInfo: true
}];

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 250,
height: 290,
multiSelect: true,
title: 'Student Records',
plugins: 'gridfilters',
dockedItems : dockedPagingToolbar,

columns:[
{xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{text: 'Roll Number', filter: 'numeric', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
]
});

});

</script>
</head>
</html>

Fix bug:

var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
afterPageText:'of '+Math.ceil( studentStore.proxy.data.rows.length / studentStore.pageSize) ,
dock: 'bottom',
displayInfo: true
}];

ExtJS 5.1 Paging Tool bar example, Pagination for Grid, Ext.PagingToolbar bug in 'change' event, Bug in PagingToolbar, Extjs 5 grid binding after page change, Bug when you enter undefined page number

noreply@blogger.com (Binod Suman) — Thu, 12 Feb 2015 15:09:00 +0000

Here I am going to show one very basic example for Pagination (Paging Tool Bar), along with one very basic issue fixed.

Bug is there in Extjs 5.1 that if you go last page of your grid and enter some page number that is not exist then page number does not refresh to last page number.

First code Demo:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5.1.0 Grid Pagination Example</title>

<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<style>
.x-grid-item-selected .x-grid-cell {
background-color: #B3D4FF !important;
color :#000000 !important;
}

</style>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[{name: 'id'},{name: 'name'},{name: 'mobile'} ]
});

var mydata = {
"success":true,
"totalCount": 24,
"rows":[
{status: true, id:1, name:'Binod', mobile:'0000099257'},
{status: true, id:2, name:'Binod 2', mobile:'0000099257'},
{status: true, id:3, name:'Akshu', mobile:'12345070277'},
{status: false, id:4, name:'Sanjay 4', mobile:'999988885'},
{status: false, id:5, name:'Sanjay 5', mobile:'999988885'},
{status: false, id:6, name:'Sanjay 6', mobile:'999988885'},
{status: false, id:7, name:'Sanjay 7', mobile:'999988885'},
{status: false, id:8, name:'Sanjay 8', mobile:'999988885'},
{status: false, id:9, name:'Sanjay 9', mobile:'999988885'},
{status: false, id:10, name:'Sanjay 10', mobile:'999988885'},
{status: false, id:11, name:'Sanjay 11', mobile:'999988885'},
{status: false, id:12, name:'Sanjay 12', mobile:'999988885'},
{status: false, id:13, name:'Sanjay 13 ', mobile:'999988885'},
{status: false, id:14, name:'Sanjay 14', mobile:'999988885'},
{status: false, id:15, name:'Sanjay 15', mobile:'999988885'},
{status: false, id:16, name:'Sanjay 16', mobile:'999988885'},
{status: false, id:17, name:'Sanjay 17', mobile:'999988885'},
{status: false, id:18, name:'Sanjay 18', mobile:'999988885'},
{status: false, id:19, name:'Sanjay 19', mobile:'999988885'},
{status: false, id:20, name:'Sanjay 20', mobile:'999988885'},
{status: false, id:21, name:'Sanjay 21', mobile:'999988885'},
{status: false, id:22, name:'Sanjay 22', mobile:'999988885'},
{status: false, id:23, name:'Sanjay 23', mobile:'999988885'},
{status: true, id:24, name:'Zambia 24', mobile:'8888999997'}
]
}

var storeProxy = {
type: 'memory',
enablePaging : true,
data: mydata
};

storeProxy.reader = {
type: 'json',
totalProperty: 'totalCount',
rootProperty: 'rows',
successProperty: 'success'
};

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
remoteSort: true,
remoteFilter : true,
pageSize: 10,
proxy: storeProxy

});

var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
dock: 'bottom',
displayInfo: true,
readPageFromInput : function(pageData){
var inputItem = this.getInputItem(),
pageNum = false,
v;
if (inputItem) {
v = inputItem.getValue();
pageNum = parseInt(v, 10);
if(pageNum > pageData.pageCount){
inputItem.setValue(pageData.pageCount);
}
if (!v || isNaN(pageNum)) {
inputItem.setValue(pageData.currentPage);
return false;
}
}
return pageNum;
}
}];

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 250,
height: 290,
multiSelect: true,
title: 'Student Records',
plugins: 'gridfilters',
dockedItems : dockedPagingToolbar,

columns:[
{xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{text: 'Roll Number', filter: 'numeric', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
]
});

});

</script>
</head>
</html>

Solution of that bug:
You have to override the paging.js readPageFromInput method to add fix of that bug. Please see the bold method in above code.

Extjs 5.1 ContextMenu Example, Menu not hiding if menu item is never focused, Context Menu issue, Right click menu not closing after clicking on other row

noreply@blogger.com (Binod Suman) — Thu, 12 Feb 2015 14:45:00 +0000

Very basic example with running code for ContextMenu with menu action on ExtJS 5.1.0
Along with one workaround solution for a bug that is there in Extjs 5.1. Bug is:
If you right click on any row then you will get context menu, now if you click on any other row that context menu does not go off, still showing.

First Code Example for Context Menu in ExtJS 5.1.0

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5 Context Menu</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<style>
.x-grid-item-selected .x-grid-cell {
background-color: #B3D4FF !important;
color :#000000 !important;
}

</style>

<script>
var resultGrid = null;
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[
{name: 'id'},
{name: 'name'},
{name: 'mobile'}
]
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
pageSize: 7,
data:[
{id:'1', name:'Binod', mobile:'9900999000'},
{id:'5', name:'Ben', mobile:'9902899999000'},
{id:'3', name:'Sergei', mobile:'903599999000'},
{id:'4', name:'Steve 4', mobile:'999988885'},
{id:'5', name:'Adam 5', mobile:'999988885'},
{id:'6', name:'Matt 6', mobile:'999988885'},
{id:'7', name:'Huge 7', mobile:'999988885'},
{id:'8', name:'McDonald 8', mobile:'999988885'},
{id:'9', name:'Prasad', mobile:'999988885'},
{id:'10', name:'Pramod', mobile:'999988885'},
{id:'11', name:'Arnab', mobile:'999988885'},
{id:'12', name:'Soumya', mobile:'999988885'}
]

});

this.resultGrid = Ext.create('bin.com.ResultGrid',{
renderTo: Ext.getBody(),
store: studentStore,
listeners: {
itemcontextmenu: 'forContextMenu'
}

});

});
var showRoll = function(){
var allSelectedRecord = resultGrid.getView().selModel.getSelection();
alert("Roll : "+allSelectedRecord[0].get('id'));
}

var showSelectedRecord = function(){
var allSelectedRecord = resultGrid.getView().selModel.getSelection();
alert("Name : "+allSelectedRecord[0].get('name')+"\n"+"Mobile :"+allSelectedRecord[0].get('mobile'));
}

var resultGrid = Ext.define('bin.com.ResultGrid',{
extend: 'Ext.grid.Panel',

width: 400,
height: 200,
title: 'Student Records',
plugins: 'gridfilters',

columns:[
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
],

forContextMenu : function(view, record, node, index, e) {
e.stopEvent();
gridContextMenu.showAt(e.getXY());
return false;
},

initComponent: function () {
this.selModel = new Ext.selection.CheckboxModel( {
});
this.callParent(arguments);
}

});

var gridContextMenu = Ext.create('Ext.menu.Menu', {
margin: '0 0 10 0',
items: [{
text: 'Show Details',
handler : showSelectedRecord
},
{
text: 'Show Roll',
handler : showRoll
}],
listeners: {
mouseleave: function() {
gridContextMenu.hide();
}
}
});

</script>
</head>
</html>

Java BigInteger Example How to use BigInteger Factorial of large data Convert int to BigInteger and BigInteger to int

noreply@blogger.com (Binod Suman) — Sun, 01 Feb 2015 18:36:00 +0000

BigInteger:
All most all number data type in Java has some limit but what you will do if you have to do some calculation on big data like calculate factorial of 100 or 500 :)

There is no theoretical limit. The BigInteger class allocates as much memory as it needs to hold all the bits of data it is asked to hold.

If you are working with values that cannot fit into a long or a double then you will need to use a reference type like BigInteger.

It does not support addition by + like other number datatype in java. For that addition you have to call add() method.

You can use bigInteger for int, long, double etc. Please check this document link.

Convert from int to BigInteger

BigInteger newdata = BigInteger.valueOf(20);

Convert from BigInteger to int
int intdata = newdata.intMax.intValue());

Factorial example for big data:

import java.util.Date;
import static java.lang.System.out;
import java.math.BigInteger;

public class BigFactorial {

public static void main(String[] args) {
BigFactorial heck = new BigFactorial();
System.out.println(heck.fact(BigInteger.valueOf(500)));
}

private BigInteger fact(BigInteger n){
if(n==BigInteger.valueOf(0) || n==BigInteger.valueOf(1) )return BigInteger.valueOf(1);
else{
return n.multiply(fact(n.subtract(BigInteger.valueOf(1))));
}
}

}

Extjs 5.1.0 how to Change grid panel row select color by cls. Ext Js 5 gridPanel selected row color, ExtJS 5.x Gridpanel Example with CheckboxModel

noreply@blogger.com (Binod Suman) — Fri, 30 Jan 2015 09:23:00 +0000

In Extjs 5.1 this below is CLS class for selected row in GridPanel
.x-grid-item-selected .x-grid-cell

You can override this cls for your customization for row selected cls.

Full Example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5 Grid Example</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<style>
.x-grid-item-selected .x-grid-cell {
background-color: #B3D4FF !important;
color :#000000 !important;
}

</style>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[
{name: 'id'},
{name: 'name'},
{name: 'mobile'},
{name: 'TestColumn',
convert : function(value, record){
return record.get('name')+" CHECK";
}

}
]
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
pageSize: 7,
data:[
{id:'1', name:'Binod', mobile:'99999999999'},
{id:'5', name:'Ishan', mobile:'99898989898'},
{id:'3', name:'Akshu', mobile:'99999999999'},
{id:'4', name:'Sanjay 4', mobile:'999988885'},
{id:'5', name:'Sanjay 5', mobile:'999988885'},
{id:'6', name:'Sanjay 6', mobile:'999988885'},
{id:'7', name:'Sanjay 7', mobile:'999988885'},
{id:'8', name:'Sanjay 8', mobile:'999988885'},
{id:'9', name:'Sanjay 9', mobile:'999988885'},
{id:'10', name:'Sanjay 10', mobile:'999988885'},
{id:'11', name:'Sanjay 11', mobile:'999988885'},
{id:'12', name:'Sanjay 12', mobile:'999988885'},
{id:'13', name:'Sanjay 13 ', mobile:'999988885'},
{id:'14', name:'Sanjay 14', mobile:'999988885'},
{id:'15', name:'Sanjay 15', mobile:'999988885'},
{id:'16', name:'Sanjay 16', mobile:'999988885'},
{id:'17', name:'Sanjay 17', mobile:'999988885'},
{id:'18', name:'Sanjay 18', mobile:'999988885'},
{id:'19', name:'Sanjay 19', mobile:'999988885'},
{id:'20', name:'Sanjay 20', mobile:'999988885'},
{id:'21', name:'Sanjay 21', mobile:'999988885'},
{id:'22', name:'Sanjay 22', mobile:'999988885'},
{id:'23', name:'Sanjay 23', mobile:'999988885'},
{id:'24', name:'Zambia 24', mobile:'8888999997'}
]

});

Ext.create('bin.com.ResultGrid',{
renderTo: Ext.getBody(),
store: studentStore

});

});

Ext.define('bin.com.ResultGrid',{
extend: 'Ext.grid.Panel',
width: 600,
height: 200,
title: 'Student Records',
plugins: 'gridfilters',

columns:[
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1},
{text: 'Test Column' , filter: 'string',dataIndex:'TestColumn', flex: 1},

],

initComponent: function () {
this.selModel = new Ext.selection.CheckboxModel( {
});
this.callParent(arguments);
}

});

</script>
</head>
</html>

Ext js 5.1 tutorial, ExtJS GridPanel example getting start, pagingmemory in ExtJS 5.1, ext.data.proxy.memory read method

noreply@blogger.com (Binod Suman) — Mon, 26 Jan 2015 15:34:00 +0000

When you migrate from ExtJS 4 to 5 then you will find out that lot of things in GridPanel has been changed. If you have implemented "pagingmemor" in ExtJS 4.x then it will not work in ExtJS 5.1, cause Ext.data.proxy.Memory's read method has been changed, earlier there were three arguments were passed and this time only one 'operation' is there. Due to absence of 'scope' and 'callback' your 'Ext.ux.data.PagingMemoryProxy.js' will not work and this is important JS for local memory sorting, filtering and pagination.

ExtJS 5.1 came up with new configruation in 'Ext.data.proxy.Memory' and that is 'enablePaging' .
You do not need to do any thing for local memory pagination, just set this configuration true. That is.

Below is the full example of this configuration:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5.1.0 Grid Pagination Example</title>

<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[{name: 'id'},{name: 'name'},{name: 'mobile'} ]
});

var mydata = {
"success":true,
"totalCount": 24,
"rows":[
{status: true, id:1, name:'Binod', mobile:'0000099257'},
{status: true, id:2, name:'Binod 2', mobile:'0000099257'},
{status: true, id:3, name:'Akshu', mobile:'12345070277'},
{status: false, id:4, name:'Sanjay 4', mobile:'999988885'},
{status: false, id:5, name:'Sanjay 5', mobile:'999988885'},
{status: false, id:6, name:'Sanjay 6', mobile:'999988885'},
{status: false, id:7, name:'Sanjay 7', mobile:'999988885'},
{status: false, id:8, name:'Sanjay 8', mobile:'999988885'},
{status: false, id:9, name:'Sanjay 9', mobile:'999988885'},
{status: false, id:10, name:'Sanjay 10', mobile:'999988885'},
{status: false, id:11, name:'Sanjay 11', mobile:'999988885'},
{status: false, id:12, name:'Sanjay 12', mobile:'999988885'},
{status: false, id:13, name:'Sanjay 13 ', mobile:'999988885'},
{status: false, id:14, name:'Sanjay 14', mobile:'999988885'},
{status: false, id:15, name:'Sanjay 15', mobile:'999988885'},
{status: false, id:16, name:'Sanjay 16', mobile:'999988885'},
{status: false, id:17, name:'Sanjay 17', mobile:'999988885'},
{status: false, id:18, name:'Sanjay 18', mobile:'999988885'},
{status: false, id:19, name:'Sanjay 19', mobile:'999988885'},
{status: false, id:20, name:'Sanjay 20', mobile:'999988885'},
{status: false, id:21, name:'Sanjay 21', mobile:'999988885'},
{status: false, id:22, name:'Sanjay 22', mobile:'999988885'},
{status: false, id:23, name:'Sanjay 23', mobile:'999988885'},
{status: true, id:24, name:'Zambia 24', mobile:'8888999997'}
]
}

var storeProxy = {
type: 'memory',
enablePaging : true,
data: mydata
};

storeProxy.reader = {
type: 'json',
totalProperty: 'totalCount',
rootProperty: 'rows',
successProperty: 'success'
};

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
remoteSort: true,
remoteFilter : true,
pageSize: 10,
proxy: storeProxy

});

var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
dock: 'bottom',
displayInfo: true
}];

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 250,
height: 290,
multiSelect: true,
title: 'Student Records',
plugins: 'gridfilters',
dockedItems : dockedPagingToolbar,

columns:[
{xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{text: 'Roll Number', filter: 'numeric', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
]
});

});

</script>
</head>
</html>

extjs 5.1.0 pagingmemory example extjs 5.1.0 pagingmemory alternative Ext JS GridPanel, sorting, filtering, pagination on local data

noreply@blogger.com (Binod Suman) — Sun, 25 Jan 2015 03:47:00 +0000

pagingmemory config was working very fine till Ext JS 4 BUT it seems some issue is there in Ext JS 5. So we can not use pagingmemory directly, in stead we have to manually handle data from pagination. It is easy and just one line code, take page start and limit value and slice your actual data and send back to store proxy data variable.

Two thinks keep in mind for below example:
1. In storeProxy, added new config name is actualData where you have to assign your complete data fetch from back end.

2. storeProxy.reader.rootProperty value I used in manually hardword "rows" in slice method where I cut data for current page.

Please just copy and paste below code (change extjs css and js file path accordginly), it work perfectly.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 5.1.0 Grid Pagination Example</title>

<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>
<script src="extjs-5.1.0/examples/ux/data/NOCPagingMemoryProxy.js"></script>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[{name: 'id'},{name: 'name'},{name: 'mobile'} ]
});

var mydata = {
"success":true,
"totalCount": 24,
"rows":[
{status: true, id:1, name:'Binod', mobile:'0000099257'},
{status: true, id:2, name:'Binod 2', mobile:'0000099257'},
{status: true, id:3, name:'Akshu', mobile:'12345070277'},
{status: false, id:4, name:'Sanjay 4', mobile:'999988885'},
{status: false, id:5, name:'Sanjay 5', mobile:'999988885'},
{status: false, id:6, name:'Sanjay 6', mobile:'999988885'},
{status: false, id:7, name:'Sanjay 7', mobile:'999988885'},
{status: false, id:8, name:'Sanjay 8', mobile:'999988885'},
{status: false, id:9, name:'Sanjay 9', mobile:'999988885'},
{status: false, id:10, name:'Sanjay 10', mobile:'999988885'},
{status: false, id:11, name:'Sanjay 11', mobile:'999988885'},
{status: false, id:12, name:'Sanjay 12', mobile:'999988885'},
{status: false, id:13, name:'Sanjay 13 ', mobile:'999988885'},
{status: false, id:14, name:'Sanjay 14', mobile:'999988885'},
{status: false, id:15, name:'Sanjay 15', mobile:'999988885'},
{status: false, id:16, name:'Sanjay 16', mobile:'999988885'},
{status: false, id:17, name:'Sanjay 17', mobile:'999988885'},
{status: false, id:18, name:'Sanjay 18', mobile:'999988885'},
{status: false, id:19, name:'Sanjay 19', mobile:'999988885'},
{status: false, id:20, name:'Sanjay 20', mobile:'999988885'},
{status: false, id:21, name:'Sanjay 21', mobile:'999988885'},
{status: false, id:22, name:'Sanjay 22', mobile:'999988885'},
{status: false, id:23, name:'Sanjay 23', mobile:'999988885'},
{status: true, id:24, name:'Zambia 24', mobile:'8888999997'}
]
}

var storeProxy = {
type: 'memory',
actualdata: mydata,
data: mydata
};
//storeProxy.type = 'pagingmemory';
storeProxy.reader = {
type: 'json',
totalProperty: 'totalCount',
rootProperty: 'rows',
successProperty: 'success'
};

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
remoteSort: true,
remoteFilter : true,
pageSize: 10,
proxy: storeProxy,
listeners: {
beforeload : function(store, operation, eOpts){
if (operation._start !== undefined && operation._limit !== undefined) {
// Here you have to manually handle data for requested page as pagingmemory not working.
store.proxy.data.rows = store.proxy.actualdata.rows.slice(operation._start, operation._start + operation._limit);
}
}
}
});

var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
dock: 'bottom',
displayInfo: true
}];

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 250,
height: 290,
multiSelect: true,
title: 'Student Records',
plugins: 'gridfilters',
dockedItems : dockedPagingToolbar,

columns:[
{xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
]
});
// studentStore.loadPage(1);

});

</script>
</head>
</html>

Please refer this link blog for better example on Extjs 5.1 without using any hard coded data.

Extjs Pagination, pagingmemory Example, Extjs 4.1.0 Grid Panel with Sorting and Pagination on local memory

noreply@blogger.com (Binod Suman) — Sat, 24 Jan 2015 17:50:00 +0000

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>ExtJS 4.1. Grid Pagination Example</title>

<link rel="stylesheet" href="ext-4.2.1.883\packages\ext-theme-gray\build\resources\ext-theme-gray-all.css"/>
<script src="ext-4.2.1.883\ext-all.js"></script>
<script src="ext-4.2.1.883\examples\ux\data\PagingMemoryProxy.js"></script>

<script>
Ext.onReady(function(){

Ext.define('Student',{
extend: 'Ext.data.Model',
fields:[{name: 'id'},{name: 'name'},{name: 'mobile'} ]
});

var mydata = {
"success":true,
"totalCount": 24,
"rows":[
{status: true, id:1, name:'Binod', mobile:'0000099257'},
{status: false, id:5, name:'Ishan', mobile:'0002887325'},
{status: true, id:3, name:'Akshu', mobile:'12345070277'},
{status: false, id:4, name:'Sanjay 4', mobile:'999988885'},
{status: false, id:5, name:'Sanjay 5', mobile:'999988885'},
{status: false, id:6, name:'Sanjay 6', mobile:'999988885'},
{status: false, id:7, name:'Sanjay 7', mobile:'999988885'},
{status: false, id:8, name:'Sanjay 8', mobile:'999988885'},
{status: false, id:9, name:'Sanjay 9', mobile:'999988885'},
{status: false, id:10, name:'Sanjay 10', mobile:'999988885'},
{status: false, id:11, name:'Sanjay 11', mobile:'999988885'},
{status: false, id:12, name:'Sanjay 12', mobile:'999988885'},
{status: false, id:13, name:'Sanjay 13 ', mobile:'999988885'},
{status: false, id:14, name:'Sanjay 14', mobile:'999988885'},
{status: false, id:15, name:'Sanjay 15', mobile:'999988885'},
{status: false, id:16, name:'Sanjay 16', mobile:'999988885'},
{status: false, id:17, name:'Sanjay 17', mobile:'999988885'},
{status: false, id:18, name:'Sanjay 18', mobile:'999988885'},
{status: false, id:19, name:'Sanjay 19', mobile:'999988885'},
{status: false, id:20, name:'Sanjay 20', mobile:'999988885'},
{status: false, id:21, name:'Sanjay 21', mobile:'999988885'},
{status: false, id:22, name:'Sanjay 22', mobile:'999988885'},
{status: false, id:23, name:'Sanjay 23', mobile:'999988885'},
{status: true, id:24, name:'Zambia 24', mobile:'8888999997'}
]
}

var storeProxy = {
type: 'memory',
data: mydata
};
storeProxy.type = 'pagingmemory';
storeProxy.reader = {
type: 'json',
totalProperty: 'totalCount',
root: 'rows',
successProperty: 'success'
};

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
remoteSort: true,
pageSize: 7,
proxy: storeProxy
});

studentStore.load();
var dockedPagingToolbar = [];
dockedPagingToolbar = [{
xtype: 'pagingtoolbar',
store: studentStore,
dock: 'bottom',
displayInfo: true
}];

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 250,
height: 220,
multiSelect: true,
title: 'Student Records',
//plugins: 'gridfilters',
dockedItems : dockedPagingToolbar,
columns:[
{xtype: 'checkcolumn', text: 'Status', dataIndex:'status', width: 50},
{text: 'Roll Number', dataIndex:'id', width: 100},
{text: 'Name' , dataIndex:'name', width: 100},
{text: 'Mobile' ,dataIndex:'mobile', flex: 1}
]
});

});

</script>
</head>
</html>

Extjs 5.1.0 Ext.data.field.convert example How to perform some processing when we load a Field's data in Extjs 5.1.0

noreply@blogger.com (Binod Suman) — Thu, 22 Jan 2015 17:58:00 +0000

Some time you feel to create new column in grid based on the existing column like create firstname from given full name or create insertion date.



Sometimes a simple type isn't enough, or we want to perform some processing when we load a Field's data. We can do this using a convert function. Here, we're going to create a new field based on another:



When reading fields it is often necessary to convert the values received before using them or storing them in records. To handle these cases there is the convert method.

For example 1:

{
            name: 'firstName',
            convert: function(value, record) {
                var fullName  = record.get('name'),
                    splits    = fullName.split(" "),
                    firstName = splits[0];

                return firstName;
            }
        }

For Example 2:

{
     name: 'timestamp',

     convert: function (value) {
         return new Date(value);
     }
 }

Complete Example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>ExtJS Grid Example</title>
    <link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
    <script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>
    <script>

Ext.onReady(function(){
   
   Ext.define('Student',{
   extend: 'Ext.data.Model',
   fields:[
    {name: 'id'},
    {name: 'name'},
    {name: 'mobile'},
    {name: 'TestColumn',
     convert : function(value, record){
    return record.get('name')+" CHECK";
  }
     
    }
   ]
   });
 
    var studentStore = Ext.create('Ext.data.Store',{
  model: 'Student',
  autoLoad: true,
  data:[
  {status: true, id:'1', name:'Binod', mobile:'9900159257'},
  {status: false, id:'5', name:'Ishan', mobile:'9902887325'},
  {status: true, id:'3', name:'Akshu', mobile:'90351070277'},
  {status: false, id:'4', name:'Sanjay', mobile:'999988885'},
  {status: true, id:'2', name:'Zambia', mobile:'8888999997'}
  ]
 
 }); 
   
  var selectionchangefired = false;
 
 Ext.create('Ext.grid.Panel',{
 renderTo: Ext.getBody(),
 store: studentStore,
 width: 450,
 height: 200,
 multiSelect: true,
 title: 'Student Records',
 plugins: 'gridfilters',
 
 columns:[
  {xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
  {text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
  {text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
  {text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1},
  {text: 'Test Column' , filter: 'string',dataIndex:'TestColumn', flex: 1},
  
 ],
 
 
 
 dockedItems: [{
        xtype: 'pagingtoolbar',
        store: studentStore,   // same store GridPanel is using
        dock: 'bottom',
        displayInfo: true
    }]
 
 
 
 });  
   
   
 });

 </script>
 </head>
 </html>

Here, Test column is generated during run time based on other field.

Extjs 5.1.0 Checkbox of GridPanel deselect event not working. checkboxmodel deselect not working

noreply@blogger.com (Binod Suman) — Thu, 15 Jan 2015 12:19:00 +0000

I think, this is a bug in Extjs 5.1.0 for CheckboxModel selectionchange doesn't fire when unselect rows.

Add below code where you define selModel:

selectWithEventMulti: function(record, e, isSelected) {
var me = this;

if (!e.shiftKey && !e.ctrlKey && e.getTarget(me.checkSelector)) {
if (isSelected) {
me.doDeselect(record); // Second param here is suppress event, not "keep selection"
} else {
me.doSelect(record, true);
}
} else {
me.callParent([record, e, isSelected]);
}
},

After adding this above code, your selModel should be like this:

this.selModel = new Ext.selection.CheckboxModel( {
allowDeselect: true,
checkOnly: false,
pruneRemoved: false,
ignoreRightMouseSelection: true,
injectCheckbox: 0,

// ** Newly added code to fix bug
selectWithEventMulti: function(record, e, isSelected) {
var me = this;

if (!e.shiftKey && !e.ctrlKey && e.getTarget(me.checkSelector)) {
if (isSelected) {
me.doDeselect(record); // Second param here is suppress event, not "keep selection"
} else {
me.doSelect(record, true);
}
} else {
me.callParent([record, e, isSelected]);
}
},

// *************************
showHeaderCheckbox: true,
listeners: {
deselect: function( obj, record, index, eOpts ) {
alert("check box deselect");
},
select: function( obj, record, index, eOpts ) {
alert("check box select");
}
},

Reference: http://www.sencha.com/forum/showthread.php?295764

Extjs 5.1 GridPanel plugins: 'gridfilters' and listeners example

noreply@blogger.com (Binod Suman) — Thu, 15 Jan 2015 09:43:00 +0000

Example contains multiSelect, plugins, checkchange and grid panel listeners.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Extjs 5.1 Grid Panel</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>
<script>
Ext.onReady(function(){
console.log("I am ready now");

Ext.define('Student',{
extend: 'Ext.data.Model',
fields: ['id','name','mobile']
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
data:[
{status: true, id:'1', name:'Binod', mobile:'0000059257'},
{status: false, id:'5', name:'Ishan', mobile:'0002887325'},
{status: true, id:'3', name:'Akshu', mobile:'00351070277'},
{status: false, id:'4', name:'Sanjay', mobile:'999988885'},
{status: true, id:'2', name:'Zambia', mobile:'8888999997'}
]

});

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 200,
multiSelect: true,
title: 'Student Records',
plugins: 'gridfilters',
listeners:{
selectionchange: 'rowclickedevent',
rowclick: 'rowevent'
},
columns:[
//{xtype: 'checkcolumn', listeners :{check: 'checkchangeEvent'},text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{
xtype: 'checkcolumn',
text: 'Status',
dataIndex: 'status',
flex: 1,
sortable: false,
listeners:{
checkchange:function(cc,ix,isChecked){
alert("Check box is clicked and value is : "+isChecked);
}
}
},
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
],

dockedItems: [{
xtype: 'pagingtoolbar',
store: studentStore, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}],

checkchangeEvent : function( cc,ix,isChecked ){
alert("Check box is clicked and value is : "+isChecked);
},

rowevent : function(c, record, tr, rowIndex, e, eOpts){
alert("row click number :"+record.length);
},

rowclickedevent : function(c, selected, eOpts){
alert("selectionchange selected number :"+selected.length);
}

});

});

</script>
</head>
</html>

ExtJs 5.1 GridPanel Plugin gridfilters Example Getting Start

noreply@blogger.com (Binod Suman) — Thu, 15 Jan 2015 09:26:00 +0000

Here we will use plugins: 'gridfilters', for adding filter functionality in GridPanel.
This plugins: 'gridfilters', is new plugin has been added in ExtJS 5.1 for filter to reduce a lot of codes.

Use this plugins: 'gridfilters', in create/define during Ext.grid.Panel and then add filter: 'string', in each column to get this filter functionality.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Extjs 5.1 Grid Panel</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>
<script>
Ext.onReady(function(){
console.log("I am ready now");

Ext.define('Student',{
extend: 'Ext.data.Model',
fields: ['id','name','mobile']
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
data:[
{status: true, id:'1', name:'Binod', mobile:'0000059257'},
{status: false, id:'5', name:'Ishan', mobile:'0002887325'},
{status: true, id:'3', name:'Akshu', mobile:'00351070277'},
{status: false, id:'4', name:'Sanjay', mobile:'999988885'},
{status: true, id:'2', name:'Zambia', mobile:'8888999997'}
]

});

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 200,
title: 'Student Records',
plugins: 'gridfilters',
columns:[
{xtype: 'checkcolumn', text: 'Status', filter: 'string', dataIndex:'status', width: 50},
{text: 'Roll Number', filter: 'string', dataIndex:'id', width: 100},
{text: 'Name' , filter: 'string',dataIndex:'name', width: 100},
{text: 'Mobile' , filter: 'string',dataIndex:'mobile', flex: 1}
],

dockedItems: [{
xtype: 'pagingtoolbar',
store: studentStore, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}]

});

});

</script>
</head>
</html>

Now if you click on any column, you will get filter functionality.

ExtJs 5.1 GridPanel Basic Example Getting Start

noreply@blogger.com (Binod Suman) — Thu, 15 Jan 2015 09:09:00 +0000

Found some changed while migrating my product from Extjs 4 5o Extjs 5.1, so thought to share with you all.
Here below is very basic example of GridPanel:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Extjs 5.1 Grid Panel</title>
<link rel="stylesheet" href="extjs-5.1.0/packages/ext-theme-gray/build/resources/ext-theme-gray-all.css"/>
<script src="extjs-5.1.0/extjs5.1.0-all-dashboard.js"></script>
<script>
Ext.onReady(function(){
console.log("I am ready now");

Ext.define('Student',{
extend: 'Ext.data.Model',
fields: ['id','name','mobile']
});

var studentStore = Ext.create('Ext.data.Store',{
model: 'Student',
autoLoad: true,
data:[
{status: true, id:'1', name:'Binod', mobile:'0000059257'},
{status: false, id:'5', name:'Ishan', mobile:'0002887325'},
{status: true, id:'3', name:'Akshu', mobile:'00351070277'},
{status: false, id:'4', name:'Sanjay', mobile:'999988885'},
{status: true, id:'2', name:'Zambia', mobile:'8888999997'}
]

});

Ext.create('Ext.grid.Panel',{
renderTo: Ext.getBody(),
store: studentStore,
width: 450,
height: 200,
title: 'Student Records',
columns:[
{xtype: 'checkcolumn', text: 'Status', dataIndex:'status', width: 50},
{text: 'Roll Number', dataIndex:'id', width: 100},
{text: 'Name' , dataIndex:'name', width: 100},
{text: 'Mobile' , dataIndex:'mobile', flex: 1}
],

dockedItems: [{
xtype: 'pagingtoolbar',
store: studentStore, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}]

});

});

</script>
</head>
</html>

Here dockedItems has been used for pagination.