ECMA + JScript

In this blog we are using ECMA + Jquery For Quering Sharepoint 2010 List and then get result with the help of Jquery Like Foreach and then assign to respective field in page

Declare one variable in which we can store our query

var soapEnv =
"<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
<soapenv:Body> \
<GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
<listName>New Messages</listName> \
<query><Query><Where><Eq><FieldRef Name='ID'/><Value Type='Counter'>" + ValueID + "</Value></Eq></Where></Query></query> \
<viewFields> \
<ViewFields> \
<FieldRef Name='Title' /> \
<FieldRef Name='Description' /> \
<FieldRef Name='Address' /> \
<FieldRef Name='Name' /> \
</ViewFields> \
</viewFields> \
</GetListItems> \
</soapenv:Body> \
</soapenv:Envelope>";


Now here with the help of Jquery Ajax we can query List and give our Query

$.ajax({
url: getServerUrl() + "/_vti_bin/lists.asmx",
type: "POST",
dataType: "xml",
data: soapEnv,
complete: processResult,
contentType: "text/xml; charset=\"utf-8\""
});

Now you are ready to get data so with the help of Jquery get Value one by one

function processResult(xData, status) {
// following thing will loop foreach Item
$(xData.responseXML).find("z\\:row").each(function () {
//taking value of field Title,Description,Address,Name
var header = $(this).attr("Title");
var description = $(this).attr("Description");
var from = $(this).attr("Address");
var category = $(this).attr("Name");
//you are ready to assign retreved data in page
});

Close Sharepoint 2010 Popup Window

hey with the help of following script you can close Sharepoint 2010 popup window & the window/Frame Element(IFrame)

OnClientClick="javascript:window.frameElement.commitPopup();"

Assign PeoplePicker with logedinuser

function PeoplePicker() {
this.context = null;
this.web = null;
this.currentUser = null;
this.parentTagId = null

this.SetParentTagId = function (id) {
this.parentTagId = id;
}

this.SetLoggedInUser = function () {
if (this.parentTagId != null) {
this.getWebUserData();
}
}

this.getWebUserData = function () {
this.context = new SP.ClientContext.get_current();
this.web = this.context.get_web();
this.currentUser = this.web.get_currentUser();
this.currentUser.retrieve();
this.context.load(this.web);
this.context.executeQueryAsync(Function.createDelegate(this, this.onSuccessMethod),
Function.createDelegate(this, this.onFailureMethod));
}

this.onSuccessMethod = function () {
this.setDefaultValue(this.currentUser.get_title());
}
this.onFailureMethod = function () {
alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
}

this.setDefaultValue = function (value) {
var parentTag = document.getElementById(this.parentTagId);
if (parentTag != null) {
var peoplePickerTag = this.getTagFromIdentifierAndTitle(parentTag, 'div',
'UserField_upLevelDiv', 'People Picker');
if (peoplePickerTag) {
peoplePickerTag.innerHTML = value;
}
}
}

this.getTagFromIdentifierAndTitle = function (parentElement, tagName, identifier, title) {

var len = identifier.length;
var tags = parentElement.getElementsByTagName(tagName);
for (var i = 0; i < tags.length; i++) {
var tempString = tags[i].id;
if (tags[i].title == title && (identifier == "" ||
tempString.indexOf(identifier) == tempString.length - len)) {
return tags[i];
}
}
return null;
}


}

ExecuteOrDelayUntilScriptLoaded(SetWebUserData, "sp.js");
function SetWebUserData() {
var pplPicker = new PeoplePicker();
pplPicker.SetParentTagId("RequesterPeoplePicker");
pplPicker.SetLoggedInUser();
}