Add list Items using JQuery

Recently i got an requirement where i was suppose to add list items using JavaScript as we did not have access to the server side code, and we were not able to write code on the server.
So Here we go...

1. Add JQuery to your Layouts Folder and give reference to the CEWP
   
   

   <script type="text/javascript" src="/_layouts/jquery/jquery-1.3.2.min.js"></script>
   

2. Add the Script which will initialize the Web Service and Create the XML
   
   

   $(document).ready(function() {
   

   $("#newTaskButton").click(function() {
   

   CreateNewItem($("#newTaskTitle").val());
   

   });
   

   });
   

   
   function CreateNewItem(title) {
   

   // The CAML to create a new item and set the Title field.
   

   var batch ="<Batch OnError=\"Continue\"> \
   

   <Method ID=\"1\" Cmd=\"New\"> \
   

   <Field Name=\"Title\">" + title + "</Field> \
   

   </Method> \
   

   </Batch>";
   

   // The SOAP Envelope
   

   var soapEnv =
   

   "<?xml version=\"1.0\" encoding=\"utf-8\"?> \
   

   <soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" \
   

   xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" \
   

   xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\"> \
   

   <soap:Body> \
   

   <UpdateListItems xmlns=\"http://schemas.microsoft.com/sharepoint/soap/\"> \
   

   <listName>Tasks</listName> \
   

   <updates> \
   

   " + batch + "</updates> \
   

   </UpdateListItems> \
   

   </soap:Body> \
   

   </soap:Envelope>";
   

   
   

   // Build the URL of the Lists.asmx web service.
   

   // This is done by stripping the last two parts (/doclib/page) of the URL.
   

   var hrefParts = window.location.href.split('/');
   

   var wsURL = "";
   

   for (i = 0; i < (hrefParts.length - 2); i++) {
   

   if (i > 0)
   

   wsURL += "/";
   

   wsURL += hrefParts[i];
   

   }
   

   wsURL += "/Pilot/_vti_bin/lists.asmx";
   

   // Make the call by posting the SOAP Envelope.
   

   $.ajax({
   

   url: wsURL,
   

   beforeSend: function(xhr) {
   

   xhr.setRequestHeader("SOAPAction",
   

   "http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");
   

   },
   

   type: "POST",
   

   dataType: "xml",
   

   data: soapEnv,
   

   complete: processResult,
   

   contentType: "text/xml; charset=utf-8"
   

   });
   

   }
   

   function processResult(xData, status) {
   

   // Process the result.
   

   $("#responseStatus").text(status);
   

   $("#responseXML").text(xData.responseXML.xml);
   

   }
   

   
   

3. Create an HTML Control
   
   

   
   

   <input id="newTaskTitle" type="text" />
   

   <input id="newTaskButton" type="button" value="Create Task" />
   

   <h5>
   

   Response:
   

   <label id="responseStatus" visibility="false">N/A </label>
   

   </h5>

4. Now All put together and you are done.....!!!!

Project server data on MAP

The project server data can be come here on the map using Bing services of the Windows live map.

Add Rows dynamically to Gridview

First of all how is the Result will look a like :

Ok, let's start with the page Design:

Drop a Grid and in the design page & then put the control inside the Template Fields Column.

Like

<asp:GridView ID="grvForm" AutoGenerateColumns="False" ShowFooter="True" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None">

<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />

<Columns>

<asp:BoundField DataField="RowNumber" HeaderText="Row Number" />

<asp:TemplateField HeaderText="Product">

<ItemTemplate>

<asp:DropDownList ID="drp" runat="server"><asp:ListItem Text="1" Value="1"></asp:ListItem><asp:ListItem Text="2" Value="2"></asp:ListItem></asp:DropDownList>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Qty">

<ItemTemplate>

<asp:TextBox ID="txtQty" runat="server"></asp:TextBox>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Amount">

<ItemTemplate>

<asp:TextBox ID="txtAmount" runat="server"></asp:TextBox>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField FooterText="Add Row">

<FooterTemplate>

<asp:Button ID="btnAddRow" runat="server" Text="Add Row" onclick="btnAddRow_Click" />

</FooterTemplate>

</asp:TemplateField>

</Columns>

<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />

<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

<EditRowStyle BackColor="#999999" />

<AlternatingRowStyle BackColor="White" ForeColor="#284775" />

</asp:GridView>

then on the page Load we have to bind the Grid and that Grid should show 1 Blank Row as shown below:

After that we will write code for the AddRow Button..

Now in the Page_Load Event Write following code.

DataTable dt = new DataTable();

DataRow dr = dr = dt.NewRow();

dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));

dt.Columns.Add(new DataColumn("Column1", typeof(string)));

dt.Columns.Add(new DataColumn("Column2", typeof(string)));

dt.Columns.Add(new DataColumn("Column3", typeof(string)));

dr = dt.NewRow();

dr["RowNumber"] = 1;

dr["Column1"] = string.Empty;

dr["Column2"] = string.Empty;

dr["Column3"] = string.Empty;

dt.Rows.Add(dr);

//Store the DataTable in ViewState

ViewState["CurrentTable"] = dt;

grvForm.DataSource = dt;

grvForm.DataBind();

after that we need to write code for the AddRow Function, and also we have to store the previous data(which has been put by the user) in the ViewState or session.

Now, code for that is as shown below:

private void AddNewRowToGrid()

{

int rowIndex = 0;

if (ViewState["CurrentTable"] != null)

{

DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];

DataRow drCurrentRow = null;

if (dtCurrentTable.Rows.Count > 0)

{

for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)

{

////extract the TextBox values

DropDownList drp = (DropDownList)grvForm.Rows[rowIndex].Cells[1].FindControl("drp");

TextBox txtQty = (TextBox)grvForm.Rows[rowIndex].Cells[2].FindControl("txtQty");

TextBox txtAmount = (TextBox)grvForm.Rows[rowIndex].Cells[3].FindControl("txtAmount");

drCurrentRow = dtCurrentTable.NewRow();

drCurrentRow["RowNumber"] = i + 1;

drCurrentRow["Column1"] = drp.SelectedItem.Text;

drCurrentRow["Column2"] = txtQty.Text;

drCurrentRow["Column3"] = txtAmount.Text;

rowIndex++;

}

dtCurrentTable.Rows.Add(drCurrentRow);

ViewState["CurrentTable"] = dtCurrentTable;

grvForm.DataSource = dtCurrentTable;

grvForm.DataBind();

}

}

else

{

Response.Write("ViewState is null");

}

PreviousGridData();

}

Now we will write the code for the PreviousGridData(); the code for this function is as shown below:

private void PreviousGridData()

{

int rowIndex = 0;

if (ViewState["CurrentTable"] != null)

{

DataTable dt = (DataTable)ViewState["CurrentTable"];

if (dt.Rows.Count > 0)

{

for (int i = 1; i < dt.Rows.Count; i++)

{

DropDownList drp = (DropDownList)grvForm.Rows[rowIndex].Cells[1].FindControl("drp");

TextBox txtQty = (T extBox)grvForm.Rows[rowIndex].Cells[2].FindControl("txtQty");

TextBox txtAmount = (TextBox)grvForm.Rows[rowIndex].Cells[3].FindControl("txtAmount");

drp.Text = dt.Rows[i]["Column1"].ToString();

txtQty.Text = dt.Rows[i]["Column2"].ToString();

txtAmount.Text = dt.Rows[i]["Column3"].ToString();

rowIndex++;

}

}

}

}

and you are done...!! Build the solution and hit Play....

Hope this helps some one.

P.s if you feel that this post has helped you, please do write your comments.

Thanks

Black berry Vs Apple

some time back i got these videos:

Simple Gridview Webpart for Sharepoint

Open Visual Studio.....

Click on New >> Project >> and following screen will appear there select "Server controll" give any name you want to give :


then in the solution explorer 1 class file will be created give any suitable name to the class file ; here create a public class for the WebPart and then write following code to create a TextBox inside a Webpart where we will write our Queries to populate the Grid:

The pseudocode for that is as follows:
private string sqlquery;
[Personalizable(), WebBrowsable(true),WebDisplayName("SQLQuery"),Category("Data Properties")]
public string SQLQuery
{
get { return sqlquery; }
set { sqlquery = value; }
}

Here in the code above you can see the Text called as "Data Properties" that is the section for the name ; you can give what ever name you want for that section.

Now will create a childcontrol for this.
protected override void CreateChildControls()
{
base.CreateChildControls();
try
{
GridView grv = new GridView();
DataSet ds = new DataSet();
SqlDataAdapter da = new SqlDataAdapter();
string strConnection = System.Configuration.ConfigurationSettings.AppSettings.Get("connection");
string sql = sqlquery;
//DataTable dt = new DataTable();
//dt = objDB.GetSQlResult(sql);
da = new SqlDataAdapter(sql, strConnection);
ds.Clear();
da.Fill(ds, "data");
Controls.Add(grv);
grv.DataSource = ds.Tables[0].DefaultView;
grv.GridLines = GridLines.Horizontal;
grv.CellPadding = 6;
grv.DataBind();
grv.HeaderStyle.BackColor = System.Drawing.Color.LightGray;
}
catch (Exception ex)
{}
}
this code will create the Gridview webpart now you can build the solution and you can give the output path of you build to the Bin folder of the sharepoint site or you create a dll with the strogn name.
1. double click on the properties >> signing and it will allow you to give the string name for that.
2. After that deploy that dll to the Windows >> Assembly and then right-click the dll and have a look at the properties there you will find PublicKeyToken.
3. Then go to the Sharepoint's Web.Config file and register this control as Safecontrol it will look something like this:


Here Assembly name basically name of the dll , then version and PublicKeyToken all the information you will find while you will right-click the dll , namespace is the detail you will see inside the .CS file. other are the default values.


Now open the sharepoint site and go to the Site settings >> Web parts >> New

There you will find your web part with the extension (webpart) and checked it and click on the populate gallery.


To check the webpart you create a new web part page and then click on the add web part , it will open a box there you will see your web part. add it to your page it will look something like this:


Here you will have an option of Edit the web part click on that and you will a contex menu on side there you will be able to see the "Data Propertie" under that you will find textbox ; there you can write your Query. and accordingly Data will get populated.




P.s : here i have assumed that you will have a connection string inside the Web.Config you can write the connection string dynamically also, by assigning some more Properties for the web part as we have created "data properties." , you can create some more..!!

Cup of Coffee

A group of alumni, highly established in their careers, got together to visit their old university professor.

Conversation soon turned into complaints about stress in work and life.
Offering his guests coffee, the professor went to the kitchen and returned with a large pot of coffee and an assortment of cups porcelain, plastic, glass, crystal, some plain looking, some expensive, some exquisite - telling them to help themselves to hot coffee .

When all the students had a cup of coffee in hand, the professor said: "If you noticed, all the nice looking expensive cups were taken up, leaving behind the plain and cheap ones. While it is but normal for you to wantonly the best for yourselves, that is the source of your problems and stress. What all of you really wanted was coffee, not the cup, but you consciously went for the best cups and were eyeing each other's cups.

Now if life is coffee, then the jobs, money and position in society are the cups. They are just tools to hold and contain Life, but the quality of Life doesn't change. Sometimes, by concentrating only on the cup, we fail to enjoy the coffee in it."

Don't let the cups drive you... Enjoy the coffee instead.

unconditional Love

Real Nice Story:
My wife called, 'How long will you be with that newspaper? Will you come here and make your darling daughter eat her food?
I tossed the paper away and rushed to the scene. My only daughter, Sindu, looked frightened; tears were welling up in her eyes. In front of her was a bowl filled to its brim with curd rice. Sindu is a nice child, quite intelligent for her age.

I cleared my throat and picked up the bowl. 'Sindu, darling, why don't , you take a few mouthful of this curd rice? Just for Dad's sake, dear'. Sindu softened a bit and wiped her tears with the back of her hands. 'Ok, Dad. I will eat - not just a few mouthfuls, but the whole lot of this.
But, you should...' Sindu hesitated. 'Dad, if I eat this entire curd Rice, will you give me whatever I ask for?'

'Promise'. I covered the pink soft hand extended by my daughter with mine, and clinched the deal. Now I became a bit anxious. 'Sindu, dear, you shouldn't insist on getting a computer or any such expensive items. Dad does not have that kind of money right now. Ok?'

'No, Dad. I do not want anything expensive'. Slowly and painfully, she finished eating the whole quantity. I was silently angry with my wife and my mother for forcing my child to eat something that she detested. After the ordeal was through, Sindu came to me with her eyes wide with
expectation. All our attention was on her.

'Dad, I want to have my head shaved off, this Sunday!' was her demand.

'Atrocious!' shouted my wife, 'A girl child having her head shaved off? Impossible!'

'Never in our family!' My mother rasped. 'She has been watching too much of television. Our culture is getting totally spoiled with these TV programs!'

'Sindu, darling, why don't you ask for something else? We will be sad seeing you with a clean-shaven head.'

'Please, Sindu, why don't you try to understand our feelings?' I tried to plead with her.

'Dad, you saw how difficult it was for me to eat that Curd Rice'. Sindu was in tears. 'And you promised to grant me whatever I ask for. Now, you are going back on your words. Was it not you who told me the story of* *King Harishchandra, and its moral that we should honor our promises no matter what?'

It was time for me to call the shots. 'Our promise must be kept.'

'Are you out of your mind?' chorused my mother and wife.

'No. If we go back on ourpromises, she will never learn to honour her own. Sindu, your wish will be fulfilled.'

With her head clean-shaven, Sindu had a round-face, and her eyes looked big and beautiful.

On Monday morning, I dropped her at her school. It was a sight to watch my hairless Sindu walking towards her classroom. She turned around and waved. I waved back with a smile. Just then, a boy alighted from a car, and shouted, 'Sinduja, please wait for me!' What struck me was the hairless head of that boy. 'May be, that is the in-stuff', I thought.

'Sir, your daughter Sinduja is great indeed!' Without introducing herself, a lady got out of the car, and continued, 'that boy who is walking along with your daughter is my son Harish. He is suffering from... leukemia'. She paused to muffle her sobs. 'Harish could not attend the
school for the whole of the last month. He lost all his hair due to the side effects of the chemotherapy. He refused to come back to school fearing the unintentional but cruel teasing of the schoolmates. Sinduja visited him last week, and promised him that she will take care of the teasing issue. But, I never imagined she would sacrifice her lovely hair for the sake of my son!
Sir, you and your wife are blessed to have such a noble soul as your daughter.'

I stood transfixed and then, I wept. 'My little Angel, you are teaching me how selfless real love is!'

The happiest people on this planet are not those who live on their own terms but are those who change their terms for the ones whom they love !!*