Write a Comment and tag to a friend

Question

I am developing a social media site. their i have a option to comment on a post and that comment can tag also with a friend. I don't know how can do this code.

 I am trying to best to developer this but regret to do.

I am sharing my code with screenshot to better understanding for you guys :

 

1:  In this image, you will find to get user in  dropdown list with autocomplete

 

 

2: User choose name from . these name also contains profile link of itself. see second one

 

3: I am gonna show u final screenshot that make more understand about my doubt 

 

Here i am gonna show u my web method through them i am implementing my comment with autocomplete.

If you have any better or any other method to implement this please share with me

 

JavaScript Code:

 

f (CommentOnReviewText.indexOf("@") >= 0) {

var SubPart = CommentOnReviewText.split('@');

var prefix = SubPart[1];

if (prefix != "" && prefix != undefined && prefix != null) {

$('#CommentOnReview_' + ReviewId).autocomplete({

source: function (request, response) {

$.ajax({

url: VisitorPath + "Reviews.aspx/SearchUserNames",

data: "{ 'prefix': '" + prefix + "'}",

dataType: "json",

type: "POST",

contentType: "application/json; charset=utf-8",

success: function (data) {

//response(data.d);

response($.map(data.d, function (item) {

return {

label: item.split('$')[0],

val: item.split('$')[1]

}

}))

},

error: function (response) {

alert(response.responseText);

},

failure: function (response) {

alert(response.responseText);

}

});

},

create: function (event, ui) {

$(this).data('ui-autocomplete')._renderItem = function (ul, item) {

debugger;

return $('<li>')

.append('<a href="' + VisitorPath + item.val + '" title="' + item.label + '">' + item.label + '</a>')

//.append('<a href="' + VisitorPath + item.label.split('$')[1] + '" title="' + item.label.split('$')[0] + '">' + item.label.split('$')[0] + '</a>')

.appendTo(ul);

};

},

//select: function (e, i) {

// //$("[id$=hfCustomerId]").val(i.item.val);

// //$('#CommentOnReview_' + ReviewId).val('<a href="' + VisitorPath + i.item.val.split('$')[1] + '" title="' + i.item.val.split('$')[0] + '">' + i.item.val.split('$')[0] + '</a>');

//},

minLength: 1

});

}

}

 

WebMethod: 

 

[WebMethod]

public static string[] SearchUserNames(string prefix)

{

List<string> customers = new List<string>();

DataTable dtNames = new DataTable();

ClientServiceClient ClientService = new ClientServiceClient();

dtNames = ClientService.SearchUserNames(prefix.TrimStart().TrimEnd()).Tables[0];

if (dtNames.Rows.Count > 0)

{

foreach (DataRow drw in dtNames.Rows)

customers.Add(string.Format("{0}${1}", drw["FullName"], drw["UserName"]));

}

return customers.ToArray();

}

 

 If anyone have better idea to implement this please share that method with

Thanks